lienzo HTML putImageData () método
Ejemplos
Los siguientes getImageData código () Copia de los datos de píxeles de lona rectángulo designado, y () los datos de imagen de nuevo en la lona por el 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);
}
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);
}
Trate »
Soporte para el navegador
Internet Explorer 9, el apoyo Firefox, Opera, Chrome y Safari putImageData () método.
Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.
Definición y Uso
putImageData () de los datos de imagen (de los objetos especificados ImageData) de nuevo en el lienzo.
Consejo: Ver getImageData () método, se puede copiar el rectángulo de datos de píxeles especificados en el lienzo.
Consejo: Ver createImageData () método, que crea un nuevo objeto ImageData en blanco.
la sintaxis de JavaScript
| la sintaxis de JavaScript: | contexto .putImageData (imgData, x, y, dirtyX, dirtyY, dirtyWidth, dirtyHeight); |
|---|
parámetro Valor
| 参数 | 描述 |
|---|---|
| imgData | 规定要放回画布的 ImageData 对象。 |
| x | ImageData 对象左上角的 x 坐标，以像素计。 |
| y | ImageData 对象左上角的 y 坐标，以像素计。 |
| dirtyX | 可选。水平值（x），以像素计，在画布上放置图像的位置。 |
| dirtyY | 可选。垂直值（y），以像素计，在画布上放置图像的位置。 |
| dirtyWidth | 可选。在画布上绘制图像所使用的宽度。 |
| dirtyHeight | 可选。在画布上绘制图像所使用的高度。 |