کانواس putImageData() طریقہ کار

Canvas مراجع

تعریف اور استعمال

putImageData() طریقہ، جو تصویر کی اعداد کو بندوز پر لگانا کیا جاتا ہے (مخصوص ImageData اورجیٹ سے).

نکات:مزید دیکھیئے getImageData() طریقہ، جو بندوز کی مخصوص مستطیل کی پیکسل کی اعداد کو کاپی کرتا ہے.

نکات:مزید دیکھیئے createImageData() طریقہ، جو نئی خالی ImageData اورجیٹ بنانے کے لیے استعمال کیا جاتا ہے.

مثال

درج ذیل کد، getImageData() کے ذریعے بندوز کی مخصوص مستطیل کی پیکسل کی اعداد کو کاپی کرتا ہے، بعد میں اس کا استعمال putImageData() کے ذریعے تصویر کا دوبارہ بندوز پر لگانا کیا جاتا ہے:

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);
}

خود کا تجربہ کریں

قواعد

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

پارامتر کا مطلب

پارامتر وصف
imgData بندوز میں واپس لایا جانے والا ImageData اورجیٹ.
x ImageData اورجیٹ کی چمپا لے کی x کوئی انداز، پکسل کی شکل میں.
y ImageData اورجیٹ کی چمپا لے کی y کوئی انداز، پکسل کی شکل میں.
dirtyX اختیاری۔افقی مقدار (x)، پکسل کی شکل میں، تصویر کو بندوز میں رکھنے کا مقام.
dirtyY اختیاری۔افقی مقدار (y)، پکسل کی شکل میں، تصویر کو بندوز میں رکھنے کا مقام.
dirtyWidth اختیاری۔تصویر بندوز کی چوڑائی کا درجہ، جس کا استعمال کیا جاتا ہے.
dirtyHeight اختیاری۔تصویر بندوز کی عمق کا درجہ، جس کا استعمال کیا جاتا ہے.

بھرست بروزر

جداول میں دیئے گئے شماریات پہلی بار اس خاص خاصیت کو پورا طور پر سپورٹ کرنے والی براوزر کی نسلیں کا حوالہ دیتے ہیں.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

نوٹ:Internet Explorer 8 اور اس سے پہلے کی نسلیں <canvas> علامت کو نہیں سپورٹ کرتی ہیں。

Canvas مراجع