javascript img属性crossorigin

Question

设置了crossOrigin = 'anonymous' ,getImageData 就可以正常使用，不设置就不行，为什么？？

Answer 1

默认的，如果canvas加载了不同域的图片，就会变成被污染的画布，此时，为了安全考虑，就不能在使用 getImageData 方法了。

使用crossOrigin，可以设置资源按照 CORS 来请求，这样canvas就不会识别出资源的跨域问题，也不会变成被污染的画布。但这样可能会导致资源请求的跨域问题，即与资源服务器设置的CROS不匹配。