toDataURL报错: Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement'

[版权声明] 本站内容采用 知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆 (CC BY-NC-SA 3.0 CN) 进行许可。
部分内容和资源来自网络,纯学习研究使用。如有侵犯您的权益,请及时联系我,我将尽快处理。
如转载请注明来自: Broly的博客,本文链接: toDataURL报错: Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement'

完整错误如下:

Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

且表现为间接出现,不是100%报错。

代码:

网上的资料一般都是说存在跨域问题,img元素加上crossOrigin=Anonymous即可解决问题。

问题是我代码中明明有加这个属性,结果还是间接出现。

解决方法:

这一句:qrcodeImage.crossOrigin = 'Anonymous'; 必须放在 qrcodeImage.src = qrcodeurl; 前面,不然可能会报错。

完整代码:

 

如果本文对您有所帮助,可以请作者喝杯咖啡,感谢支持^_^

支付宝支付
微信支付