ผ้าใบ HTML FillRect () วิธีการ
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง
ตัวอย่าง
วาดรูปสี่เหลี่ยมผืนผ้าเต็ม 150 * 100 พิกเซล
javascript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
ลอง»
สนับสนุนเบราว์เซอร์
Internet Explorer 9, Firefox, Opera, Chrome และ Safari สนับสนุน FillRect () วิธีการ
หมายเหตุ: 8 และรุ่นก่อนหน้าของ Internet Explorer ไม่สนับสนุน <ผ้าใบ> องค์ประกอบ
ความหมายและการใช้งาน
FillRect () วิธีการวาด "ที่เต็มไปด้วย" สี่เหลี่ยม เติมสีเริ่มต้นเป็นสีดำ
เคล็ดลับ: ใช้ สไตล์การเติมสี คุณสมบัติการตั้งค่าสีเติมสำหรับการวาดภาพ, การไล่ระดับสีหรือรูปแบบ
ไวยากรณ์ javascript: | บริบท .fillRect (x, y, ความกว้างความสูง); |
---|
ค่าพารามิเตอร์
参数 | 描述 |
---|---|
x | 矩形左上角的 x 坐标。 |
y | 矩形左上角的 y 坐标。 |
width | 矩形的宽度,以像素计。 |
height | 矩形的高度,以像素计。 |
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง