天天看点

html2canvas生成长图片时导致背景图渲染不全问题

文章目录

    • 1.问题
    • 2.解决
    • 3.问题猜测

1.问题

在移动端中使用html2canvas生成图片时,因为数据较多,导致生成的图片很长,图片后边一小段中设置的html背景图直接没有显示出来。

html2canvas生成长图片时导致背景图渲染不全问题

2.解决

将 html2canvas 配置参数 scale = 2 改为 scale = 1。

3.问题猜测

具体原因没有去深究,猜想是因为使用 scale = 2 时生成的长图片的像素值超过了浏览器canvas大小限制,改为 scale = 1 降低了清晰度,但是像素值变小了,所以解决了这个问题。

具体可以看一下html2canvas文档里的这一段问题记录

html2canvas生成长图片时导致背景图渲染不全问题

继续阅读