دستورالعمل مرجع

HTML برچسب‌ها

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> پشتیبانی نمی‌کنند.