روش Canvas 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,عرض,height);

مقدار پارامتر

پارامتر توضیحات
x مختصات x بالای سمت چپ مکعب مستطیل.
y مختصات y بالای سمت چپ مکعب مستطیل.
عرض مکعب مستطیل کی عرض، کیلوپیکسل می‌باشد。
height رٹنکال کی اونچائی، پیکسلو میں.

براوزر کی مدد

جداول میں دکھائی گئی اعداد کو پہلی بار اس پرزنسیپ کو پورا کرنے والی براوزر کی نسلیں کا حوالہ دیا گیا ہے۔

کروم ایج فائرفاکس سافری آپرا
کروم ایج فائرفاکس سافری آپرا
4.0 9.0 3.6 4.0 10.1

نوٹ:اینٹرنٹ اکسپلورر 8 اور اس سے پچھلے کی نسلیں <canvas> علامت کو نہیں مدد فراہم کرتی ہیں۔