canvas生成海报img跨域问题

记录解决img因缓存造成跨域的问题

用canvas生成海报，需要将服务器传来的图片都整合到一起，第一次生成是没有问题的，关掉之后重新生成，这个时候报错img的src报跨域问题了

尝试的解决办法:

1.cors跨域 服务器设置响应头(已经设置了，但饼不起作用)

Access-Control-Allow-Origin:*

2.设置img跨域(已经设置了，但饼不起作用)

imgs.setAttribute('crossOrigin', 'anonymous');

3.给img的src地址后边拼接一个时间戳（起作用了，不报错了）

imgs.src = url+'?'+new Date().getTime();

总结

img会报跨域问题是因为，第一次加载图片的时候，浏览器进行了缓存，第二次进行加载的时候，浏览器会自身检测发现有缓存图片，但是与当前域名不一致，所以会报跨域错误，所以解决办法就是给src后边拼接时间戳，绕过缓存，这样就不会出现跨域问题了