طريقة Canvas strokeRect()

التعريف والاستخدام

strokeRect() يستخدم هذا النوع من الطريقة لرسم المربعات (بدون ملء اللون). لون الخط الافتراضي هو الأسود.

إشارة:استخدم strokeStyle لإعداد لون الخط، التدرج أو النمط.

مثال

رسم مربع ذو حجم 150*100 بكسل:

لم يتم دعم علامة التبويب HTML5 canvas في متصفحك.

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>.