Phương pháp HTML canvas fill ()
Thí dụ
Vẽ hai hình chữ nhật 150 * 100 pixel. Tô một cái bằng màu đỏ và cái kia bằng màu xanh lam:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
ctx.beginPath();
ctx.rect(40, 40, 150, 100);
ctx.fillStyle = "blue";
ctx.fill();
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương pháp này.
Method | |||||
---|---|---|---|---|---|
fill() | Yes | 9.0 | Yes | Yes | Yes |
Định nghĩa và Cách sử dụng
Phương thức fill () điền vào bản vẽ (đường dẫn) hiện tại. Màu mặc định là đen.
Mẹo: Sử dụng thuộc tính fillStyle để tô màu / gradient khác.
Lưu ý: Nếu đường dẫn không bị đóng, phương thức fill () sẽ thêm một dòng từ điểm cuối cùng đến điểm bắt đầu của đường dẫn để đóng đường dẫn (như closePath () ), rồi lấp đầy đường dẫn.
Cú pháp JavaScript: | ngữ cảnh .fill (); |
---|
❮ Tham chiếu HTML Canvas