Canvas putImageData() পদ্ধতি
সংজ্ঞা ও ব্যবহার
putImageData() পদ্ধতি যা চিত্র ডাটা (নির্দিষ্ট ImageData অবজেক্ট থেকে) কাভসে ফিরিয়ে দেয়。
সুঝানা:দেখুন getImageData() পদ্ধতি যা কাভসের নির্দিষ্ট ক্ষেত্রের পিক্সেল ডাটা কপি করতে পারে。
সুঝানা:দেখুন createImageData() পদ্ধতি যা একটি নতুন শুধুমাত্র চিত্র ImageData অবজেক্ট তৈরি করতে পারে。
উদাহরণ
নিচের কোডটি কাভসের নির্দিষ্ট ক্ষেত্রের পিক্সেল ডাটা কপি করে, এবং পরে 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 | অপশনাল।কাভস ওপর চিত্র আঁকার জন্য ব্যবহৃত উচ্চতা。 |
ব্রাউজার সমর্থন
এই টেবিলের সংখ্যাগুলি এই লক্ষ্যকে সম্পূর্ণভাবে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটি নির্দেশ করে।
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| ৪.০ | ৯.০ | ৩.৬ | ৪.০ | ১০.১ |
মন্তব্য:ইন্টারনেট এক্সপ্লোরার ৮ এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> এলিমেন্টটি সমর্থন করে না。
