Можностей, предоставляемых веб-разработчикам


Р АБОТА С ОТДЕЛЬНЫМИ ПИКСЕЛАМИ



Pdf көрінісі
бет201/232
Дата06.01.2022
өлшемі5,47 Mb.
#12231
1   ...   197   198   199   200   201   202   203   204   ...   232
Байланысты:
[Bryus Louson, Remi SHarp] Izuchaem HTML5. Bibliot(z-lib.org)

Р
АБОТА С ОТДЕЛЬНЫМИ ПИКСЕЛАМИ
Одна из самых впечатляющих возможностей 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);
};


Достарыңызбен бөлісу:
1   ...   197   198   199   200   201   202   203   204   ...   232




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет