Canvas moveTo() 方法

Panduan Canvas

定义和用法

moveTo() 方法将路径移动到画布中的指定点，而不创建线。

提示：请使用 stroke() 方法在画布上绘制确切的路径。

实例

开始一条路径，移动到位置 0,0。创建到达位置 300,150 的一条线：

您的浏览器不支持HTML5 canvas标签。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();

亲自试一试

语法

context.moveTo(x,y);

参数值

参数 描述
x Kordinate x titik tujuan jalur
y Kordinate y titik tujuan jalur

Dukungan Peramban

Angka dalam tabel menunjukkan versi paling awal penggunaan browser yang mendukung sifat ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Komen:Internet Explorer 8 dan versi sebelumnya tidak mendukung elemen <canvas>.

Panduan Canvas