невозможно получить canvas.getContext ('2d'). getImageData (x, x, x, x)

Question

не могу получить imageData

консоль браузера «Невозможно получить данные изображения из холста, поскольку холст был испорчен данными из разных источников».

Answer 1

Во избежание махинаций браузер отслеживает данные изображения. Когда вы помещаете изображение из другого домена на холст, холст становится «испорченным», и браузер больше не позволяет вам просматривать его пиксели.

Это необходимо для предотвращения различных атак XSS / CSRF.

Answer 2

См. Ответ Пойнти для объяснения. Это может быть неприятной проблемой при тестировании файлов из локальной файловой системы. В Google Chrome / Chromium есть обходной путь: вызовите его с помощью следующего параметра командной строки:

chromium-browser --allow-file-access-from-files