HTML canvas putImageData() kalama

دستورالعمل‌های HTML5 Canvas

kala da amfani

putImageData() kalama ke ayyana bayanan fatar daga ImageData na rai a kan fatar.

kalama:ka fara kiyashi getImageData() kalama, wadda ke iya kopya bayanan pixel na fatar a kan fatar.

kalama:ka fara kiyashi createImageData() kalama, wadda ke iya kirkirar ImageData na fata na rai.

mukaddashi

Ba aiki kan code yau ke gudanin da ke kirkirar bayanan pixel na fatar a kan fata, kuma kuma ke ayyana bayanan fatar a kan fatar:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="green";
ctx.fillRect(10,10,50,50);
function copy()
{
var imgData=ctx.getImageData(10,10,50,50);
ctx.putImageData(imgData,10,70);
}

ni fari fari

kalama

context.putImageData(imgData,x,y,dirtyX,dirtyY,dirtyWidth,dirtyHeight);

gbangar canza

gbangar baɗa
imgData عینک ImageData که باید به کانواس برگردانده شود.
x مقدار x گوشه بالا سمت چپ ImageData.
y مقدار y گوشه بالا سمت چپ ImageData.
dirtyX اختیاری. مقدار افقی (x)، به واحد پیکسل، مکانی که تصویر در کانواس قرار می‌گیرد.
dirtyY اختیاری. مقدار افقی (y)، به واحد پیکسل، مکانی که تصویر در کانواس قرار می‌گیرد.
dirtyWidth اختیاری. عرضی که برای ترسیم تصویر در کانواس استفاده می‌شود.
dirtyHeight اختیاری. ارتفاعی که برای ترسیم تصویر در کانواس استفاده می‌شود.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبانی‌کننده از این ویژگی هستند.

کروم Edge فایرفاکس سافاری آپرا
کروم Edge فایرفاکس سافاری آپرا
4.0 9.0 3.6 4.0 10.1

توضیح:اینترنت اکسپلورر 8 و نسخه‌های قبلی از <canvas> پشتیبانی نمی‌کنند.

دستورالعمل‌های HTML5 Canvas