Phương pháp clearRect() của Canvas
Đị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 đã cho.
Mẫu
Xóa một hình vuông trong hình vuông đã cho:
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);
Ngữ pháp
context.clearRect(x,y,width,height);
Giá trị tham số
| Tham số | 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 tam giác cần xóa, tính theo pixel |
| height | Chiều cao của tam giác cần xóa, tính theo pixel |
Hỗ trợ trình duyệt
Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ tính năng 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ợ phần tử <canvas>.
