Загрузка и манипулирование изображениями из разных источников

Question

Я написал фрагмент javascript, хранящийся в домене A, который использует CORS, чтобы я мог встраивать его на страницу из домена B, но при этом читать данные из домена A. Я также хотел бы, чтобы он извлекал изображения из домена A и манипулировать данными пикселей с помощью HTML-холста. Обычно canvas.getImageData генерирует исключение безопасности, потому что мне не разрешено читать данные пикселей. Chrome позволяет мне это делать (и поддерживает атрибут Image.crossOrigin). Однако Firefox и другие браузеры этого не делают.

Существует ли обходной путь для загрузки и обработки пиксельных данных изображения из домена A в сценарии, который загружается из домена B?

Answer 1

Нет, вам просто нужно подождать, пока другие браузеры не предоставят поддержку атрибута crossorigin. В случае с Firefox это означает ожидание около месяца. Для других, кто знает ...

Хотя на самом деле ... вы можете использовать межсайтовый XHR (который несколько лучше поддерживается) для извлечения данных изображения, построения URI данных из него, установки src изображения для этих данных: URI, а затем отрисовки этого изображение на холсте. Это может работать.