ตัวอย่าง
ล้างสี่เหลี่ยมผืนผ้าภายในสี่เหลี่ยมผืนผ้าได้รับ:
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() | ใช่ | 9.0 | ใช่ | ใช่ | ใช่ |
ความหมายและการใช้งาน
clearRect() วิธีการล้างพิกเซลที่ระบุภายในสี่เหลี่ยมกำหนด
| ไวยากรณ์ javascript: | context.clearRect(x,y,width,height); |
|---|
ค่าพารามิเตอร์
| พารามิเตอร์ | ลักษณะ | เล่น |
|---|---|---|
| x | พิกัด x ของมุมบนซ้ายของรูปสี่เหลี่ยมผืนผ้าเพื่อล้าง | เล่น " |
| y | พิกัด y ของมุมบนซ้ายของรูปสี่เหลี่ยมผืนผ้าเพื่อล้าง | เล่น " |
| width | ความกว้างของสี่เหลี่ยมผืนผ้าเพื่อล้างพิกเซล | เล่น " |
| height | ความสูงของสี่เหลี่ยมเพื่อล้างพิกเซล | เล่น " |