Phương thức Canvas fillRect()
Định nghĩa và cách sử dụng
fillRect() Phương thức vẽ hình vuông được lấp đầy. Màu lấp đầy mặc định là đen.
Lưu ý:Hãy sử dụng fillStyle Tham số để 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);
Ngữ 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 bên trái của hình vuông. |
| y | Tọa độ y của góc trên 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 trước không hỗ trợ phần tử <canvas>.
