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