CanvasRenderingContext2D.moveTo()

CanvasRenderingContext2D.moveTo() 是 Canvas 2D API 将一个新的子路径的起始点移动到(x，y)坐标的方法。

void ctx.moveTo(x, y);

x

点的 x 轴。

y

点的 y 轴。

这是一段使用 moveTo 方法的简单的代码片段，移动画笔到起始点绘制一条线。

HTML

<canvas id="canvas"></canvas>

JavaScript

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.beginPath();
ctx.moveTo(50,50);
ctx.lineTo(200, 50);
ctx.stroke();

修改下面的代码并在线查看 canvas 的变化：

• 接口定义， CanvasRenderingContext2D
• CanvasRenderingContext2D.lineTo()
• CanvasRenderingContext2D.stroke()