ผ้าใบ HTML เติม () วิธีการ
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง
ตัวอย่าง
วาดรูปสี่เหลี่ยมผืนผ้า 150 * 100 พิกเซลแล้วเติมด้วยสีแดงเพื่อให้:
javascript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
ลอง»
สนับสนุนเบราว์เซอร์
Internet Explorer 9, Firefox, Opera, Chrome และ Safari สนับสนุนเติม () วิธีการ
หมายเหตุ: 8 และรุ่นก่อนหน้าของ Internet Explorer ไม่สนับสนุน <ผ้าใบ> องค์ประกอบ
ความหมายและการใช้งาน
เติม () วิธีการเติมภาพปัจจุบัน (เส้นทาง) สีเริ่มต้นเป็นสีดำ
เคล็ดลับ: ใช้ สไตล์การเติมสี คุณสมบัติในการเติมสีอื่น / การไล่ระดับสี
หมายเหตุ: หากเส้นทางไม่ปิดเติม () วิธีการเพิ่มเส้นทางไปยังจุดสิ้นสุดของเส้นแบ่งระหว่างจุดเริ่มต้นที่จะปิดเส้นทาง (ตาม closePath () เดียวกัน) จากนั้นกรอกข้อมูลเส้นทาง
ไวยากรณ์ javascript: | บริบท .fill ( ); |
---|
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง