طريقة HTML 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,width,height);
قيمة الم 参数
| الم 参数 | الوصف |
|---|---|
| x | موقع x للجزء العلوي اليسرى من المربع. |
| y | موقع y للجزء العلوي اليسرى من المربع. |
| width | عرض المربع، بالبكسل. |
| 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>.
