طريقة HTML canvas strokeRect()
التعريف والاستخدام
strokeRect() استخدام الطريقة لرسم المستطيل (بدون لون). لون الخط الافتراضي هو الأسود.
نصيحة:يرجى استخدام strokeStyle استخدام الخاصية لضبط لون الخط، التدرج أو النمط.
مثال
رسم مستطيل بعرض 150*طول 100 بكسل:
JavaScript:
c=document.getElementById("myCanvas");
ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
الجملة
strokeRect(context.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>.
