دستورالعمل‌های مرجع

HTML برچسب‌ها

fill() روش 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 اینترنت اکسپلورر و قدیمی‌تر از عناصر <canvas> پشتیبانی نمی‌کنند.