canvas.toDataURL() 在输出数据时,里面包含外部图片链接地址时抛出安全错误

在canvs画图中里面包含外部图片链接地址时,在使用 toDataURL() 输出 base64位字符编码时会抛出安全错误,输出不了数据,因为引用了不同域名下的图片链接

(vconsole.js 移动端里显示的错误)

解决方法:需要把图片服务器设置(Access-Control-Allow-Origin: *),然后下面的代码才能正确执行

var image = new Image();
image.setAttribute('crossOrigin', 'anonymous');
image.src = '图片链接地址'
image.onload = function() {
  .....
}
原文地址:https://www.cnblogs.com/suntao666/p/8421031.html