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