Использовать холст для удаления пикселей с изображения?

Question

Можно ли удалить пиксели с изображения по цвету, используя холст, чтобы сделать эту область прозрачной?

Если так ...

Могу ли я сделать это с изображениями, размещенными на других серверах?

Было бы лучше сделать это на стороне сервера? https://github.com/LearnBoost/node-canvas

Спасибо!

Answer 1

Это было сделано здесь: https://developer.mozilla.org/En/Manipulating_video_using_canvas

У него есть живой пример, который, кажется, работает хорошо.Я рекомендую вам проверить это.

Answer 2

Как уже говорили другие, это возможно, и ссылка Dessus поможет с этим.

Однако вы не сможете сделать это с изображениями, размещенными на других серверах по соображениям безопасности.Если вы записываете удаленное изображение на холст, оно обрабатывает холст как «испорченный» и исключает защиту JavaScript.Таким образом, вы сможете делать это только с изображениями, которые находятся на том же сервере, что и код, который выполняет манипуляции.

Answer 3

Пиксельная манипуляция

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