Phương pháp fill() của Canvas
Định nghĩa và cách sử dụng
fill() Phương pháp tô màu hình ảnh hiện tại (con đường). Màu mặc định là đen.
Lưu ý:Vui lòng sử dụng fillStyle thuộc tính để tô màu hoặc dải màu khác.
Ghi chú:Nếu con đường chưa được đóng, thì fill() Phương pháp sẽ thêm một đường từ điểm kết thúc của con đường đến điểm bắt đầu để đóng con đường đó, sau đó tô màu con đường.
Mô hình
Vẽ hình vuông có kích thước 150*100 pixel, sau đó tô màu xanh lá cây cho 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ợ 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ợ yếu tố <canvas>.
