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() | 4 | 9 | 3.6 | 4 | 10.1 |
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 |
<Canvas obiect