Phương thức HTML canvas lineTo ()
Thí dụ
Bắt đầu một đường dẫn, di chuyển đến vị trí 0,0. Tạo một dòng đến vị trí 300,150:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(300, 150);
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 | |||||
|---|---|---|---|---|---|
| lineTo() | Yes | 9.0 | Yes | Yes | Yes |
Định nghĩa và Cách sử dụng
Phương thức lineTo () thêm một điểm mới và tạo một dòng ĐẾN điểm đó TỪ điểm được chỉ định cuối cùng trong canvas (phương thức này không vẽ đường).
Mẹo: Sử dụng phương thức stroke () để thực sự vẽ đường dẫn trên canvas.
| Cú pháp JavaScript: | ngữ cảnh .lineTo ( x, y ); |
|---|
Giá trị tham số
| Parameter | Description | Play it |
|---|---|---|
| x | The x-coordinate of where to create the line to | |
| y | The y-coordinate of where to create the line to |
Các ví dụ khác
Thí dụ
Vẽ một con đường, có hình dạng như chữ L:
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.stroke();
❮ Tham chiếu HTML Canvas