В данной статье рассмотрено управление изображением с помощью Javascript и HTML тега canvas.

Простейший путь обрабатывать данные с изображения – это брать каждый пиксель и изменять значение одного или нескольких из его каналов: красный, зеленый, синий и альфа (прозрачность), для краткости будем называть их R, G, B и A. Пример: изменим какие-нибудь значения, например поменяем B и G: Было rgb(100, 50, 30, 255) станет rgb(100, 30, 50, 255). Манипуляцию как таковую можно представить простейшей callback-функцией. Нажимайте на кнопки, которые вызывают обработку изображения и смотрите код, который отвечает за обработку.


Полный код можно посмотреть ниже:


2016-01-03 • Просмотров [ 298 ]