CORS на изображении не работает

Question

У меня есть сервер, который обслуживает изображения, и мне нужно иметь возможность манипулировать изображением в холсте HTML5. Я добавил заголовки CORS на сервер изображений и ссылаюсь на изображение в HTML, используя теги. Тем не менее, сервер изображений не будет возвращать заголовки CORS, когда клиент извлекает изображение в теге, если только я не нажму Ctrl-F5 в браузере. Я добавил crossorigin = анонимный тег, но все еще не работает. Что я делаю не так?

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; 
}