HTML canvas fill() Method

Paglilinaw at Paggamit

fill() Ang paraan ay magpapunan ng kasalukuyang imahe (daan). Ang kasalukuyang kulay ay itim.

Mga paalala:Mangyaring gamitin fillStyle ang katangian upang ipupunan ang ibang kulay/gulay.

หมายเหตุ:Kung ang daan ay hindi naisara, fill() Ang paraan ay magdaragdag ng isang linya mula sa katapusan ng daan hanggang sa simula ng daan, upang isara ang daan, at pagkatapos ay ipupunan ang daan.

ตัวอย่าง

วาดสี่เหลี่ยมผืนผ้าขนาด 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

หมายเหตุ:Internet Explorer 8 และรุ่นเก่ากว่าไม่สนับสนุนสิ่งที่ชื่อว่า <canvas> อิเล็กทรอนิกส์