طريقة Canvas fillRect()
التعريف والاستخدام
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,عرض,height);
قيمة المعلمات
| المعلمات | الوصف |
|---|---|
| x | موقع x العلوية اليسرى للمربّع. |
| y | موقع y العلوية اليسرى للمربّع. |
| عرض | العرض المربّع، بقياس البكسل. |
| height | ارتفاع المربع، مقاسه ببكسل. |
دعم المتصفحات
رقم في الجدول هو إصدار أولي يدعم هذا الخصائص.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ملاحظة:لا يدعم إصدار Internet Explorer 8 وأقدم <canvas> العنصر.
