Phương thức fillRect() của canvas HTML
Định nghĩa và cách sử dụng
fillRect() Phương pháp vẽ hình vuông được lấp đầy màu sắc. Màu sắc lấp đầy mặc định là đen.
Lưu ý:Vui lòng sử dụng fillStyle Thuộc tính để thiết lập màu, dải màu hoặc mẫu được sử dụng để lấp đầy vẽ.
Mô hình
Vẽ hình vuông đã được lấp đầy có kích thước 150*100 pixel:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
Cú pháp
context.fillRect(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. |
| y | Tọa độ y của góc trên cùng bên trái của hình vuông. |
| width | Chiều rộng của hình vuông, tính bằng pixel. |
| height | Chiều cao của hình vuông, tính bằng 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ợ 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ợ phần tử <canvas>.
