Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Управление изображениями

.

Управление изображениями

Копия изображения выглядит не слишком впечатляюще. Она совершенно такая же, как оригинал! Но все становится значительно интереснее, когда мы начинаем манипуляции на холсте.

Как только мы скопировали изображение на холст, мы получаем доступ к методу getlmageData из API Canvas, позволяющему управлять элементами изображения. Например, при желании можно превратить наш логотип из цветного в черно-белый.

getlmageData возвращает объект ImageData, имеющий три свойства: width, height и data. С первыми двумя все и так понятно, а вот третий исключительно интересен.

data содержит массив информации о пикселах объекта ImageData. Каждому пикселу холста в этом массиве сопоставлены четыре значения — R, G, В и А.

Метод getlmageData позволяет исследовать маленькую часть холста, поэтому давайте используем эту возможность для более близкого знакомства с массивом данных. В качестве аргументов getlmageData получает четыре параметра, представляющих собой координаты противолежащих углов прямоугольника, содержимое которого мы будем изучать. Если нам нужен очень маленький кусочек холста, мы можем вызвать getlmageData следующим образом: context. getlmageData (0, 0, 1, 1), и это будет означать, что мы исследуем единственный пиксел: (прямоугольник от 0,0 до 1,1). В возвращаемом массиве будут четыре значения — для красного, зеленого, синего и альфа-каналов этого единственного пиксела:

Управление изображениями

В окне предупреждения выводится сообщение, что в массиве данных для одного пиксела имеются четыре значения, как показано на рис. 11.11.

Управление изображениями

Рис. 11.11 Массив данных одного элемента изображения содержит четыре значения


.

Читайте так же: