ตัวอย่าง
ล้างสี่เหลี่ยมผืนผ้าภายในสี่เหลี่ยมผืนผ้าได้รับ:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);
ลองตัวเอง» สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่วิธีการ
วิธี | |||||
---|---|---|---|---|---|
clearRect() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ความหมายและการใช้งาน
clearRect() วิธีการล้างพิกเซลที่ระบุภายในสี่เหลี่ยมกำหนด
ไวยากรณ์ JavaScript: | context clearRect( x,y,width,height ) ; |
---|
ค่าพารามิเตอร์
พารามิเตอร์ | ลักษณะ | เล่น |
---|---|---|
x | พิกัด x ของมุมบนซ้ายของรูปสี่เหลี่ยมผืนผ้าเพื่อล้าง | เล่น " |
y | พิกัด y ของมุมบนซ้ายของรูปสี่เหลี่ยมผืนผ้าเพื่อล้าง | เล่น " |
width | ความกว้างของสี่เหลี่ยมผืนผ้าเพื่อล้างพิกเซล | เล่น " |
height | ความสูงของสี่เหลี่ยมเพื่อล้างพิกเซล | เล่น " |
<ผ้าใบวัตถุ