Р АБОТА С ОТДЕЛЬНЫМИ ПИКСЕЛАМИ Одна из самых впечатляющих возможностей API холста — возможность опрашивать от-
дельные пикселы. Альтернативная векторная технология рисования, SVG, такого не умеет,
так как не предназначена для работы с пикселами. Работая с холстом, вы можете извлечь
из объекта контекста 2D любой пиксел, разбитый на четыре цветовых канала: красный,
зеленый, синий и альфа-канал прозрачности (red, green, blue, alpha transparency — rgba).
Например:
var ctx = document.querySelector('canvas').
¬ getContext('2d'),
img = document.createElement('img');
// прежде чем считывать данные, нужно дождаться окончания загрузки
¬ изображения
img.onload = function () {
ctx.drawImage(img, 0, 0);
var pixels = ctx.getImageData(0, 0, img.width,
¬ img.height);
};
