Phương pháp HTML canvas fill()
Định nghĩa và cách sử dụng
fill() Phương pháp lấp đầy hình ảnh hiện tại (đường dẫn) của canvas. Màu sắc mặc định là đen.
Lưu ý:Vui lòng sử dụng fillStyle Thuộc tính để lấp đầy màu sắc/kết hợp khác.
Ghi chú:Nếu đường dẫn chưa được đóng lại, thì fill() Phương pháp sẽ thêm một đường từ điểm kết thúc đường dẫn đến điểm bắt đầu để đóng lại đường dẫn, sau đó lấp đầy đường dẫn.
Mẫu
Vẽ hình vuông pixel 150*100 và sau đó dùng màu xanh lá cây để tô nó:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();
Cú pháp
context.fill();
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>.
