Exemplu
Codul de mai jos copiază datele de pixeli pentru un dreptunghi specificat pe panza cu getImageData() , și apoi pune datele imaginii înapoi pe panza cu 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);
}
Încearcă - l singur » Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.
Metodă | |||||
---|---|---|---|---|---|
putImageData() | da | 9 | da | da | da |
Definiție și utilizare
putImageData() metoda pune datele de imagine (from a specified ImageData object) de (from a specified ImageData object) înapoi pe pânză.
Tip: Citiți despre getImageData() metoda care copiază datele de pixeli pentru un dreptunghi specificat pe o panza.
Tip: Citiți despre createImageData() metoda care creează un obiect nou, ImageData gol.
JavaScript Sintaxa
sintaxa JavaScript: | context . putImageData( imgData,x,y, dirtyX,dirtyY,dirtyWidth,dirtyHeight ) ; |
---|
Valorile parametrilor
Parametru | Descriere |
---|---|
imgData | Specifică obiectul ImageData pentru a pune din nou pe pânză |
x | X-coordonate, în pixeli, în colțul din stânga sus al obiectului ImageData |
y | Y-coordonate, în pixeli, din colțul din stânga sus al obiectului ImageData |
dirtyX | Opțional. Orizontale (x) valoarea, în pixeli, în cazul în care pentru a plasa imaginea pe pânză |
dirtyY | Opțional. Verticală (y) valoarea, în pixeli, în cazul în care pentru a plasa imaginea pe pânză |
dirtyWidth | Opțional. Lățimea de a utiliza pentru a desena imaginea pe panza |
dirtyHeight | Opțional. Înălțimea de a utiliza pentru a desena imaginea pe panza |