Почему Chrome не дружит с Canvas?

Question

[enovot]

Добрый день. Подскажите пожалуйста, может кто сталкивался. Почему в Chrome canvas не хочет работать с img? В Firefox все хорошо, а Chrome выдает "Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. ". Что самое забавное, это только на локалке. Если тот же документ загрузить на хостинг и посмотреть, то все будет работать. С чем это может быть связанно?
Я не первый день задаюсь этим вопросом, но вот снова вспомнил об этом заглянув сюда в папочку test.

Answer 1

[Виктор]

Ответ с SO:
You must have image on the same domain (as your code) or set cross-origin on server where the image is.
Access-Control-Allow-Origin: *

От себя предположу, может на локалке вы работаете через file:// протокол. У меня была схожая проблема с WebRTC, что-то там работало только при использовании веб-сервера, а если просто открыть html файл в браузере, нет.

Comments

[enovot]

С одной стороны кажется что возможно дело и в этом. Canvas ведь с изображениями работает внутри одного домена. Из соображений безопасности. Но такое вытворяет только Chrome , значит с этим все нормально.

[Виктор]

Значит о безопасности в этом вопросе беспокоится только Хром.
Я вообще сторонюсь работы через file://, вечно с ним проблемы.

Answer 2

[Сергей Протько]

Локально можно запустить хром с --disable-web-security.

Comments

[enovot]

Так он у меня ругается , что путь неверный к файлу