hugh 的个人博客

1、原因

toDataURL的canvas元素有用到跨域的图片

如果前端选择图片并转化成base64写入canvas，也会有这个问题

 

2、解决方案

如果有使用background,先转换成img标签

1）图片加 crossOrigin = "anonymous" 

   

2）加mete(未测试)

<meta http-equiv="Content-Security-Policy" content="default-src *; script-src *;img-src * 'self' data: http:;">

3）现将图片上传至同域服务器，在使用img加载该图片