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

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

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

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

var image = new Image();
image.setAttribute('crossOrigin', 'anonymous');
image.src = '图片链接地址'
image.onload = function() {
  .....
}

 

posted on 2018-02-06 10:18  道法自然-法力无边  阅读(318)  评论(0)    收藏  举报

导航