html2canvas 截图空白或出现toDataURL‘ on ‘HTMLCanvasElement或img标签没截下来的所有解决办法-Toy模板网

这篇具有很好参考价值的文章主要介绍了html2canvas 截图空白或出现toDataURL‘ on ‘HTMLCanvasElement或img标签没截下来的所有解决办法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.如果截图空白：

1.1以下的参数是必须要有的。

							width: shareContent.offsetWidth, //设置canvas尺寸与所截图尺寸相同，防止白边
							height: shareContent.offsetHeight, //防止白边
							logging: true,
							useCORS: true,
							x:0,
							y:0,

2，如果出现了报错 toDataURL’ on 'HTMLCanvasElement 这个报错那么我的解决办法就是加参数就解决了：

2.1这两个是解决这个报错的

foreignObjectRendering : true,
allowTaint :true

3.如果你截图的内容包含了图片但是你截图上没显示那么你就需要以下的操作。

3.1先设置上这个参数

useCORS: true,

3.2必须在img标签上加上这个参数

<img crossOrigin="anonymous" :src="wx64Url" alt="img"></img>

3.3最重要的一步就是必须把你的图片路径变成base64格式的，不管是网络图片还是本地图片都不管用必须是base64格式的，转成了base64格式会截图很慢，所以你截图的时候必须加上一个定时器，如上图1文章来源地址https://www.toymoban.com/news/detail-693604.html