HTML کینس fillRect() متد

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

fillRect() متد کا استعمال کریں تاکہ ‘پرنٹ کا رنگ’ کا مستقل مربع درج کیا جائے۔ فراجی پرنٹ رنگ کا رنگ سیاه ہوتا ہے.

نکات:استفاده کریں fillStyle پرنٹ کا رنگ، گرینڈ یا ماڈل کو سٹ کریں.

مثال

150*100 پیکسل کا پرنٹ فول کا رینج:

آپ کا براؤزر HTML5 کینس تگ کو سپورٹ نہیں کرتا ہے.

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

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