HTML canvas moveTo() メソッド

パスを開始する位置 0,0 へ移動し、位置 300,150 へ線を引きます：

JavaScript:

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

ブラウザ・サポート

表中の数字は、メソッドを完全にサポートした最初のブラウザ・バージョンを指定しています。

メソッド
moveTo()	Yes	9.0	Yes	Yes	Yes

moveTo() メソッドは、線を作成せずに、キャンバスに指定されたポイントへパスを移動します。

チップ: キャンバスに、実際にパスを描画するためには、 stroke() メソッドを使用します。

JavaScript 構文：	context.moveTo(x,y);

パラメータ	説明	Play it
x	パスの移動先の x 座標	Play it ❯
y	パスの移動先の y 座標	Play it ❯