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

参见