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 |
نکته:نسخه‌های 8 و قدیمی‌تر از Internet Explorer از عنصر <canvas> پشتیبانی نمی‌کنند.
