روش پر کردن کانواس
تعریف و استفاده
fill()
این روش تصویر فعلی (مسیر) را پر میکند. رنگ پیشفرض سیاه است.
توجه:لطفاً از fillStyle استفاده کنید تا رنگ دیگری را/تغییر رنگ را پر کنید.
نکته:اگر مسیر بسته نشده باشد، fill()
این روش یک خط از نقطه پایان به نقطه شروع مسیر اضافه میکند تا مسیر را ببندد و سپس آن را پر میکند.
مثال
یک مستطیل 150*100 پیکسلی را با رنگ سبز رنگآمیزی کنید:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.rect(20,20,150,100); ctx.fillStyle="green"; ctx.fill();
قوانین دستور زبان
context.fill();
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخهای اولین بار که این ویژگی در مرورگرهای مختلف پشتیبانی شد.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
نکته:نسخههای 8 و قبل از آن از Internet Explorer از عنصر <canvas> پشتیبانی نمیکنند.