通过JavaScript加载的图像即使启用了它也会引发CORS错误

Question

我正在使用PaintbrushJS为通过JS加载的跨域图像着色，但每次尝试时，我都会在Chrome中收到警告：Cross-origin image load denied by Cross-Origin Resource Sharing policy.我有适当的CORS标头和{{1}扔到图像上。

这就是问题，如果我将crossOrigin="anonymous"的{​​{1}}硬编码到HTML中，我仍然会收到错误，但是着色实际上是有效的，这让我相信一旦图像是通过JS加载，它变得重新受到污染。奇怪的是，我可以把这些“重新污染”的图像扔到画布上并从中读取，没有任何交叉原点的警告。

知道如何解决这个问题吗？

Answer 1

事实证明，如果图片上有crossOrigin="anonymous"属性，如果图片没有返回正确的CORS标题，浏览器就不会喜欢它。