Phương pháp HTML canvas clearRect()
Định nghĩa và cách sử dụng
clearRect() Phương pháp xóa các pixel cụ thể trong hình vuông đã给定.
Mô hình
Xóa một hình vuông trong hình vuông đã给定:
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);
Cú pháp
context.clearRect(x,y,width,height);
参數 giá trị
| 参數 | Mô tả |
|---|---|
| x | Tọa độ x của góc trên cùng bên trái của hình vuông cần xóa |
| y | Tọa độ y của góc trên cùng bên trái của hình vuông cần xóa |
| width | Chiều rộng của矩形的 độ rộng cần xóa, tính bằng pixel |
| height | Chiều cao của矩形的 độ cao cần xóa, tính bằng pixel |
Hỗ trợ trình duyệt
Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Ghi chú:Internet Explorer 8 và các phiên bản sớm hơn không hỗ trợ yếu tố <canvas>.
