用的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"
/>