ขั้นตอน fill() ของ canvas HTML
การประกาศและการใช้งาน
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 |
หมายเหตุ：Internet Explorer 8 และเวอร์ชันเก่ากว่านั้นไม่สนับสนุนองค์ประกอบ <canvas> ในแบบภาพ
