Latest web development tutorials

HTMLキャンバスのmoveTo()メソッド

HTMLキャンバスリファレンスマニュアル HTMLキャンバスリファレンスマニュアル

位置0,0に、パスを開始します。 300、150はラインを作成するための位置に到達しました。

YourbrowserdoesnotsupporttheHTML5canvastag。

JavaScriptを:

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

»をお試しください

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9の、Firefoxの、オペラ、ChromeとSafariのサポートのmoveTo()メソッド。

注:のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。


定義と使用法

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

ヒント:使用ストローク()キャンバス上の正確なパスを描画する方法を。

JavaScriptシンタックス: コンテキスト.moveTo(X、Y)

パラメータ値

参数 描述
x 路径的目标位置的 x 坐标。
y 路径的目标位置的 y 坐标。


HTMLキャンバスリファレンスマニュアル HTMLキャンバスリファレンスマニュアル