روش fillRect() کانواس

منوی 参考 Canvas

تعریف و کاربرد

fillRect() برای رسم مستطیل پر شده استفاده کنید. رنگ پیش‌فرض پر کردن سیاه است.

نکته:لطفاً از fillStyle برای تنظیم رنگ، رنگ‌پردازی یا الگوی استفاده شده برای پر کردن نقاشی استفاده کنید.

مثال

رسم مستطیل پر شده 150*100 پیکسلی:

مرورگر شما پشتیبانی از تگ کانواس HTML5 را ندارد.

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

منوی 参考 Canvas