hugh 的个人博客

【Exception】canvas调用toDataURL报security exception

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加载该图片


标题:【Exception】canvas调用toDataURL报security exception
作者:hugh0524
地址:https://blog.uproject.cn/articles/2017/06/05/1496652336416.html