canvas画布跨域问题

 

 

crossorigin有如下取值：

               anonymous：

                                   执行一个cors请求，但是该请求不会发送相关证书，例如cookie。服务器需要相应的设置Access-control-Allow-Origin响应头，图片才是未被污染的。
              use-credentials:
                                 执行一个cors请求，该请求会发送相关证书，携带cookie和http基本验证信息。服务器需要相应设置Access-Control-Allow-Origin响应头。

 

 

因为使用了crossorigin属性就出现跨域问题，跨域和浏览器的缓存存在关系！

解决方案：

  1、在图片路径后面拼接时间戳 url +`?t=+${Date.now()}`

  2、在图片后面拼接随机字符串防止缓存 url+'?v='+Math.random()