Phương thức HTML canvas closePath ()
Thí dụ
Vẽ một đường dẫn, có hình dạng như chữ L, sau đó vẽ một đường trở lại điểm bắt đầu:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.closePath();
ctx.stroke();
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 | |||||
|---|---|---|---|---|---|
| closePath() | Yes | 9.0 | Yes | Yes | Yes |
Định nghĩa và Cách sử dụng
Phương thức closePath () tạo một đường dẫn từ điểm hiện tại trở lại điểm bắt đầu.
Mẹo: Sử dụng phương thức stroke () để thực sự vẽ đường dẫn trên canvas.
Mẹo: Sử dụng phương thức fill () để tô bản vẽ (màu đen là mặc định). Sử dụng thuộc tính fillStyle để tô một màu / gradient khác.
| Cú pháp JavaScript: | ngữ cảnh .closePath (); |
|---|
Các ví dụ khác
Thí dụ
Sử dụng màu đỏ làm màu tô:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.closePath();
ctx.stroke();
ctx.fillStyle = "red";
ctx.fill();
❮ Tham chiếu HTML Canvas