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 |
浏览器兼容性
加载中…