如何在 HTML 中修复 getImageData() 错误“画布已被跨域数据污染”?


crossOrigin 属性允许从外部源加载的图像在类似加载自当前源的画布中使用。

未经 CORS 批准使用图像会弄脏画布。一旦画布被弄脏,就无法再从画布中提取数据。通过从跨域域加载画布,正在弄脏画布。

可以通过设置 − 来防止这种情况

img.crossOrigin = "Anonymous";

如果远程服务器适当地设置头,则此方法有效−

Access-Control-Allow-Origin "*"

更新于:04-Mar-2020

2K 以上的浏览量

开启您的职业生涯

完成课程获得认证

开始
广告