এইচটিএমএল ক্যানভাস fillRect() পদ্ধতি

HTML5 Canvas পরিসংখ্যান

সংজ্ঞা ও ব্যবহার

fillRect() পূর্ণপটলীভূমিকা রেক্টেঞ্জ দ্রব্যস্থাপক পদ্ধতির জন্য পদ্ধতির নাম দিন। ডিফল্ট পূর্ণপটলীভূমিকা রং কালো।

সুঝানা:ব্যবহার করুন fillStyle পূর্ণপটলীভূমিকা রেক্টেঞ্জ দ্রব্যস্থাপক রং, গ্রেডেন্ট বা মোডকে সেট করতে প্রয়োজনীয় বৈশিষ্ট্য

প্রতিদর্শন

150*100 পিক্সেলের পূর্ণপটলীভূমিকা রেক্টেঞ্জ দ্রব্যস্থাপক:

আপনার ব্রাউজার এইচটিএমএল৫ ক্যানভাস ট্যাগটি সমর্থন করে না。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);

স্বয়ং প্রয়াস করুন

বিন্যাস

context.fillRect(x,y,width,height);

পারামিটার মান

পারামিটার বর্ণনা
x চতুর্ভুজের ডানদিকের উপরস্থ স্থানের x অক্ষ
y চতুর্ভুজের ডানদিকের উপরস্থ স্থানের y অক্ষ
width চতুর্ভুজের প্রস্থ, পিক্সেলে অনুমানিত
height চতুর্ভুজের উচ্চতা, পিক্সেলে অনুমানিত

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

টেবিলের সংখ্যা এটির সবচেয়ে প্রথম এই অপারেটরটির সংস্করণটি যা এই অপারেটরটির সংস্করণটির সম্পূর্ণভাবে সমর্থন করে。

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

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

HTML5 Canvas পরিসংখ্যান