Javascript скрипт в градациях серого для изображений, размещенных в облаке

Question

Мне интересно, есть ли способ сделать изображение в градациях серого / на черно-белой стороне клиента, используя javascript, когда файлы размещаются, скажем, на AWS s3 или что-то в этом роде. Я нашел этот хороший маленький сценарий: http://www.permadi.com/tutorial/jsCanvasGrayscale/index.html

Но когда вы пытаетесь применить это к изображениям, которые не размещены в одном домене, вы получаете Ошибка безопасности, потому что вы выполняете межсайтовые операции. Точная ошибка (из Chrome):

Uncaught Error: SECURITY_ERR: DOM Exception 18

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

Примечание: я не заинтересован в создании отдельных изображений на стороне сервера, так как я имею дело с десятками тысяч изображений и хотел бы, чтобы эта функция работала на лету.

Answer 1

Чтобы загрузить изображения холста между доменами, вы можете посмотреть на это: http://www.maxnov.com/getimagedata/

Answer 2

Это похоже на хром: http://code.google.com/p/chromium/issues/detail?id=49150

Попробуйте загрузить тестовый HTML-файл на хост и посмотрите, не прекратится ли проблема