html2canvas手机黑屏,html2canvas 生成海报图 开发中遇到的问题

ios里，生成的图片不显示

canvas.toDataURL('image/jpeg', 1.0)

使用image/jpeg格式，在指定图片格式为 image/jpeg 或 image/webp的情况下，可以从 0 到 1 的区间内选择图片的质量。

canvas 是弹出层时，底层有滚动条，会有部分空白

测试的时候，好奇为啥每次，生成的图片都缺一部分，而且都是从顶部开始空白，再绘制图片。

解决方案: 添加绘制坐标y起始位置 y: window.pageYOffset,

html2canvas(target, {

useCORS: true,

y: window.pageYOffset,

}).then(...)

canvas 白屏终极解决方案

不考虑图片加载问题，大多是因为没找到绘制的位置的原因，会导致白屏黑屏的现象。

而且也会有改动 海报图布局的情况，经常会调位置，再遇见缩小海报图展示的需求，就要改动很多了，所以现在一般都是，把canvas定位到屏幕外面，然后绘制生成图片。对图片放大缩小就容易的多。

解决方案：

html2canvas(target, {

useCORS: true,

y: (window.pageYOffset + window.innerHeight),

}).then(...)

ios 生成图片时显示时不显的，大图几乎不显示。

猜测是图片渲染的原因，为了确保能够生成图片，生成图片写在了所有图片加载