h5 标签的crossorigin属性

MDN crossorigin

MDN定义
h5 标签的crossorigin属性

img标签的crossorigin

MDN
h5 标签的crossorigin属性

canvas标签crossorigin

MDN
尽管不通过 CORS 就可以在画布中使用图片,但是这会污染画布。一旦画布被污染,你就无法读取其数据。例如,你不能再使用画布的 toBlob(), toDataURL()getImageData() 方法,调用它们会抛出安全错误。

这种机制可以避免未经许可拉取远程网站信息而导致的用户隐私泄露。

使用crossorigin的前提

相应服务器必须设置相应的 Access-Control-Allow-Origin 响应头