CanvasRenderingContext2D.putImageData()

CanvasRenderingContext2D.putImageData() - малює дані з об'єкту ImageData.

Синтаксис:

ctx.putImageData( imgdata, x, y, w, h );

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

imgdata - об'єкт ImageData.

x - координати осі X на полотні.

y - координати осі Y па полотні.

w - ширина на яку малюються дані, позамовчуванню ширина об'єкта.

h - висота на яку малюються дані, позамовчуванню висота об'єкта.

Опис:

putImageData() метод об'єкту CanvasRenderingContext2D який малює дані з об'єкту ImageData на полотні canvas.

Приклад:

var canvas=document.getElementById("canvas");
if(canvas.getContext){
var ctx=canvas.getContext("2d");
ctx.fillRect(0, 0, 50, 50);
var obImgData = ctx.getImageData(0, 0 , 50, 50);

ctx.putImageData(obImgData, 55, 55);
}
else alert("Ваш браузер не підтримує canvas");