图片是放在又拍云上的,当canvas调用图片,最后todataURl会报错,有什么解决方法吗?
百度也看了很多解决方法但是都不能实现。。
报错信息:
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
图片是放在又拍云上的,当canvas调用图片,最后todataURl会报错,有什么解决方法吗?
百度也看了很多解决方法但是都不能实现。。
报错信息:
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
如果是new Image()
的话,要加上一下设置:
// 引用外部图片,需设置 crossOrigin 属性,否则 toDataURL 调用异常
image.setAttribute('crossOrigin', 'anonymous');
13 回答12.8k 阅读
7 回答2k 阅读
5 回答1.4k 阅读
3 回答1.1k 阅读✓ 已解决
5 回答1.2k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
6 回答927 阅读✓ 已解决
首先必须需要图片服务器设置正确的请求头Access-Control-Allow-Origin : *,然后在image.setAttribute('crossOrigin', 'anonymous')...相关的
详情可看https://developer.mozilla.org...