HTML холст putImageData() Метод
Пример
Приведенный ниже код копирует пиксельные данные для заданного прямоугольника на холсте с getImageData(), а затем помещает данные изображения обратно на холст с putImageData():
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(10,10,50,50);
function copy()
{
var imgData=ctx.getImageData(10,10,50,50);
ctx.putImageData(imgData,10,70);
}
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
| Метод | |||||
|---|---|---|---|---|---|
| putImageData() | Да | 9.0 | Да | Да | Да |
Определение и использование
Метод putImageData() помещает данные изображения (из заданного объекта ImageData) обратно на холст.
Совет: Прочитайте о методе getImageData() , который копирует пиксельные данные для заданного прямоугольника на холсте.
Совет: Прочитайте о методе createimagedata() , который создает новый пустой объект ImageData.
Синтаксис JavaScript
| Синтаксис JavaScript: | context.putImageData(imgData,x,y,dirtyX,dirtyY,dirtyWidth,dirtyHeight); |
|---|
❮ HTML Справка на полотно