مетод fillRect() کانواس HTML
تعریف و کاربرد
fillRect() برای رسم مستطیل‌های پر شده از روش‌های زیر استفاده کنید. رنگ پیش‌فرض پر کردن سیاه است.
توضیح:لطفاً از fillStyle برای تنظیم رنگ، محدوده‌های رنگی یا الگوهای استفاده شده برای پر کردن ترسیم، از ویژگی‌ها استفاده کنید.
مثال
یک مستطیل پر شده با اندازه 150*100 پیکسل رسم کنید:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
نحوه استفاده
context.fillRect(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 و نسخه‌های قبلی از عنصر <canvas> را پشتیبانی نمی‌کنند.
