phương pháp Canvas moveTo()

đị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.

thông báo:Hãy sử dụng stroke() phương pháp vẽ đường dẫn chính xác trên canvas.

thực例

Bắt đầu một đường dẫn, di chuyển đến vị trí 0,0. Tạo một đường dẫn đến vị trí 300,150:

Trình duyệt của bạn không hỗ trợ thẻ canvas HTML5.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();

thử trực tiếp

ngữ pháp

context.moveTo(x,y);

giá trị tham số

tham số mô tả
x Tọa độ x của điểm mục tiêu của đường dẫn
y Tọa độ y của điểm 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ợ phần tử <canvas>.