Örnek
Kopya aşağıdaki kod piksel tuval üzerinde belirli bir dikdörtgen için veriler getImageData() , ve sonra tuvale üzerine geri görüntü veri koymak 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);
} Kendin dene " Tarayıcı Desteği
Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.
| Yöntem | |||||
|---|---|---|---|---|---|
| putImageData() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Tanımı ve Kullanımı
putImageData() metodu görüntü verilerini koyar (from a specified ImageData object) geri zemine.
Tip: hakkında okuyun getImageData() bir tuval üzerinde belirli bir dikdörtgen için kopyalar piksel verilerini yöntemle.
Tip: hakkında okuyun createImageData() yeni, boş ImageData nesnesi oluşturur yöntemle.
JavaScript sözdizimi
| JavaScript sözdizimi: | context . putImageData( imgData,x,y, dirtyX,dirtyY,dirtyWidth,dirtyHeight ) ; |
|---|
Parametre Değerleri
| Parametre | Açıklama |
|---|---|
| imgData | tuval üzerine geri koymak için ImageData nesnesini belirtir |
| x | ImageData nesnesinin sol üst köşesinin, piksel olarak, X-koordinatı |
| y | ImageData nesnesinin sol üst köşesinin, piksel olarak, y-koordinatı |
| dirtyX | İsteğe bağlı. Yatay (x) bir değer, piksel olarak, burada tuval üzerinde görüntü yer |
| dirtyY | İsteğe bağlı. Dikey (y) bir değer, piksel olarak, burada tuval üzerinde görüntü yer |
| dirtyWidth | İsteğe bağlı. genişlik tuval üzerine resim çizmek için kullanmak |
| dirtyHeight | İsteğe bağlı. yükseklik tuval üzerine resim çizmek için kullanmak |
<Tuval Nesne