HTML canvas putImageData() পদ্ধতি

HTML5 Canvas রেফারেন্স ম্যানুয়েল

বিবরণ ও ব্যবহার

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 বাছাইযোগ্য।কানভাসের উপর চিত্র আঁকার জন্য ব্যবহৃত উচ্চতা。

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই লক্ষ্য অধীনে প্রথম এই বৈশিষ্ট্যটি সম্পূর্ণভাবে সমর্থনকারী ব্রাউজারের সংস্করণটি উল্লেখ করে।

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
4.0 9.0 3.6 4.0 10.1

মন্তব্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> ইলেকট্রনেট সমর্থন করে না。

HTML5 Canvas রেফারেন্স ম্যানুয়েল