Ultimele tutoriale de dezvoltare web
 

HTML canvas putImageData() Method

<HTML Canvas de referință

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

<HTML Canvas de referință