图片是放在又拍云上的,当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');
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
首先必须需要图片服务器设置正确的请求头Access-Control-Allow-Origin : *,然后在image.setAttribute('crossOrigin', 'anonymous')...相关的
详情可看https://developer.mozilla.org...