روش پر کردن کانواس

تعریف و استفاده

fill() این روش تصویر فعلی (مسیر) را پر می‌کند. رنگ پیش‌فرض سیاه است.

توجه:لطفاً از fillStyle استفاده کنید تا رنگ دیگری را/تغییر رنگ را پر کنید.

نکته:اگر مسیر بسته نشده باشد، fill() این روش یک خط از نقطه پایان به نقطه شروع مسیر اضافه می‌کند تا مسیر را ببندد و سپس آن را پر می‌کند.

مثال

یک مستطیل 150*100 پیکسلی را با رنگ سبز رنگ‌آمیزی کنید:

موزع وب شما از برچسب HTML5 canvas پشتیبانی نمی‌کند.

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