Phương pháp moveTo() trên canvas HTML
Định nghĩa và cách sử dụng
moveTo() Phương pháp di chuyển đường dẫn đến điểm cụ thể trên canvas mà không tạo đường.
Lưu ý:Vui lòng sử dụng stroke() Phương pháp vẽ đường dẫn chính xác trên canvas.
Mẫu
Bắt đầu một đường dẫn, di chuyển đến vị trí 0,0. Tạo một đường thẳ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();
Cú pháp
context.moveTo(x,y);
Giá trị tham số
| Tham số | Mô tả |
|---|---|
| x | Tọa độ x của vị trí mục tiêu của đường dẫn |
| y | Tọa độ y của vị trí mục tiêu của đường dẫn |
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ợ yếu tố <canvas>.
