putImageData

Автор: Евгений Рыжков Дата публикации: 18.10.2011

Помещает на холст объект imageData (содержит RGBA информацию).

Синтаксис

putImageData(imageData, x, y [, dX, dY, dWidth, dHeight])

Параметры

  • imageData — объект, созданный с помощью метода createImageData() или полученный с помощью getImageData().
  • x и y — координаты левого верхнего угла размещаемого на холсте объекта относительно холста;
  • dX, dY — координаты левого верхнего угла относительно изображения в imageData, от которого будут рассчитываться размеры изображения;
  • dWidth, dHeight — размеры размещаемого объекта (обрезается часть изображения, которая не вмещается в эти размеры).

Пример

ctx.fillStyle = "red";
ctx.fillRect(10,10,100,40);
ctx.fillStyle = "green";
ctx.globalAlpha = "0.5";
ctx.fillRect(90,30,50,50);

var Pixel1 = ctx.getImageData(10,10,140,80); 

ctx.putImageData(Pixel1,200,200,80,20,50,50); // отображаем только зеленый квадрат	

В живую.

Заметки

  • При работе с изображениями расположенными на локальном диске может возникнуть ошибка NS_ERROR_DOM_SECURITY_ERR. Чтобы этого избежать используйте для отладки сервер.
  • Метод putImageData является ресурсоемкой операцией, по возможности следует ее избегать;