طريقة HTML Canvas strokeRect ()

ارسم مستطيلاً بحجم 150 * 100 بكسل:

جافا سكريبت:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.strokeRect(20, 20, 150, 100);

دعم المتصفح

تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الطريقة بالكامل.

Method
strokeRect()	Yes	9.0	Yes	Yes	Yes

طريقة strokeRect () ترسم مستطيلاً (بدون تعبئة). اللون الافتراضي للحد هو الأسود.

تلميح: استخدم خاصية StrStyle لتعيين لون أو تدرج أو نقش لتصميم الحد.

بناء جملة JavaScript:	السياق .strokeRect ( x ، y ، العرض ، الارتفاع ) ؛

Parameter	Description	Play it
x	The x-coordinate of the upper-left corner of the rectangle
y	The y-coordinate of the upper-left corner of the rectangle
width	The width of the rectangle, in pixels
height	The height of the rectangle, in pixels