CanvasRenderingContext2D：moveTo() 方法
Canvas 2D API 的 CanvasRenderingContext2D.moveTo() 方法會在指定的 (x, y) 座標處開始一個新的子路徑。
語法
js
moveTo(x, y)
引數
返回值
無（undefined）。
示例
建立多個子路徑
此示例使用 moveTo() 在單個路徑中建立兩個子路徑。然後使用一次 stroke() 呼叫來渲染這兩個子路徑。
HTML
html
<canvas id="canvas"></canvas>
JavaScript
第一條線從 (50, 50) 開始，到 (200, 50) 結束。第二條線從 (50, 90) 開始，到 (280, 120) 結束。
js
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(50, 50); // Begin first sub-path
ctx.lineTo(200, 50);
ctx.moveTo(50, 90); // Begin second sub-path
ctx.lineTo(280, 120);
ctx.stroke();
結果
規範
| 規範 |
|---|
| HTML # dom-context-2d-moveto-dev |
瀏覽器相容性
載入中…