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

crossOrigin 属性允许在像他们被从当前原点加载的一个画布中使用的是自外部来源加载的图像。

使用未经CORS批准的图像会污染画布。画布污染后,您将无法再将数据拉出画布。通过从跨原域加载画布,您正在污染画布。

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

img.crossOrigin = "Anonymous";

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

Access-Control-Allow-Origin "*"