canvas HTML putImageData () metodo
HTML Manuale di tela di riferimento
Esempi
I seguenti getImageData codice () copia su tela dati pixel rettangolo designato, e () i dati dell'immagine di nuovo nella tela di 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);
}
Prova »
Supporto per il browser
metodo di Internet Explorer 9, il supporto per Firefox, Opera, Chrome e Safari putImageData ().
Nota: 8 e versioni precedenti di Internet Explorer non supportano l'elemento <canvas>.
Definizione e utilizzo
Metodo putImageData () dei dati di immagine (dagli oggetti imageData specificati) di nuovo sulla tela.
Suggerimento: Vedere getImageData () metodo, è possibile copiare il rettangolo di dati pixel specificati sulla tela.
Suggerimento: Vedere createImageData () metodo, che crea un nuovo oggetto ImageData vuoto.
sintassi JavaScript
| sintassi JavaScript: | contesto .putImageData (imgData, x, y, dirtyX, dirtyY, dirtyWidth, dirtyHeight); |
|---|
Valore parametro
| 参数 | 描述 |
|---|---|
| imgData | 规定要放回画布的 ImageData 对象。 |
| x | ImageData 对象左上角的 x 坐标，以像素计。 |
| y | ImageData 对象左上角的 y 坐标，以像素计。 |
| dirtyX | 可选。水平值（x），以像素计，在画布上放置图像的位置。 |
| dirtyY | 可选。垂直值（y），以像素计，在画布上放置图像的位置。 |
| dirtyWidth | 可选。在画布上绘制图像所使用的宽度。 |
| dirtyHeight | 可选。在画布上绘制图像所使用的高度。 |
HTML Manuale di tela di riferimento