图像上的 CORS 不起作用

Question

我有一个服务器提供图像，我需要能够在 HTML5 canvas 中操作图像。我将 CORS headers 添加到图像服务器，并使用标签在 HTML 中引用图像。但是，当客户端获取标签中的图像时，图像服务器不会 return CORS headers，除非我在浏览器上按 Ctrl-F5。我在标签中添加了 crossorigin=anonymous，但仍然无法正常工作。我做错了什么？

Answer 1

是的，我感受到了你的痛苦，因为我遇到了同样的问题。你能看到吗Mozilla Developer Center

并按照说明进行操作，因为我使用此处描述的方法解决了问题。特别是使用以下代码

// make sure the load event fires for cached images too
if ( img.complete || img.complete === undefined ) {
    img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
    img.src = src;
}