html2canvas移动端图片不显示问题解决办法

用的CDN上的图片,跨域了,PC端通过设置 { allowTaint: true, useCORS: true }  能正常显示。但是移动端H5截图无法正常显示图片。官网说要用代理 ,可是不想涉及后端。

找了很多文章说的解决办法都不好使,最后终于找到一个说到点子上的。原文地址

原文比较长,我遇到的问题是图片跨域,简单总结一下解决办法

1. 首先设置useCORS: true,不需要allowTaint: true

2. img标签设置crossorigin="anonymous" 属性

3.清理浏览器缓存或者给img的url后面拼上伪版本号,像这样

<img
   class="qrcode-img"
   src="http://h0.hucdn.com/open/201819/9404b56f97e7df8a_750x1334.png?any_string_is_ok"
   alt=""
   crossorigin="anonymous"
 />

猜你喜欢

转载自blog.csdn.net/promiseCao/article/details/109312803