CanvasRenderingContext2D.moveTo()
CanvasRenderingContext2D.moveTo()
是 Canvas 2D API 将一个新的子路径的起始点移动到 (x,y) 坐标的方法。
语法
void ctx.moveTo(x, y);
参数
x
- 点的 x 轴。
y
- 点的 y 轴。
示例
使用 moveTo
方法
这是一段使用 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 的变化:
规范描述
Specification |
---|
HTML Standard # dom-context-2d-moveto-dev |
浏览器兼容性
BCD tables only load in the browser