github.com
小卤蛋y
前端
获得徽章 0
- html2canvas真实采坑记和建议，其实搜一下，都知道：
1. 如果使用 vue 做数据渲染，不要在生成页做太多数据处理的操作，提前把动态数据处理好，否则即便用$nextTick也会有在生成图片时数据不完整的情况
2. 引用CDN上的图片，需要设置useCORS为true，同时要保证所有图片加载完成后再生成，可使用 new Imaage 做预加载和判断是否全部load
3. 用背景background，生成的图片清晰度不够，会模糊；用img引入的方式可避免这个问题
4. 在 iOS系统的13.4.1，无法生成图片，需要退回到1.0.0-rc.4版本，不要使用1.0.0-rc.5版本，issues地址：
github.com
5. 可把生成的图片设置透明度opacity为0，盖在原有元素之上，便于在微信保存，不会因为生成的图和原有元素略微有差距，而抖动。
6. 告诉设计师，生成的图片元素不要太多；告诉产品，承载的信息不要太多。简洁大方便于传播才是王道，花里胡哨靠边站。展开620
