HTML canvas clearRect() Method
Paglilinaw at paggamit
clearRect() Panghawak ang mga tinukoy na pixel sa loob ng binigay na rectangle.
Mga halimbawa
Hilihin ang isang rectangle sa ilalim ng binigay na rectangle:
JavaScript:
var c=document.getElementById("myCanvas");
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ทดลองด้วยตัวเอง
การใช้งานคำอธิบายcontext.clearRect(ตำแหน่ง x ของมุมบนซ้ายของสี่เหลี่ยมที่ต้องการลบcontext.clearRect(ตำแหน่ง y ของมุมบนซ้ายของสี่เหลี่ยมที่ต้องการลบcontext.clearRect(ความกว้างของสี่เหลี่ยมที่ต้องการลบ แสดงเป็นพิกซัล,
);
| ตัวแปรค่า | ตัวแปร |
|---|---|
| คำอธิบาย | 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หมายเหตุ：
