HTML-Canvas moveTo()Methoden

HTML canvas 参考手册HTML canvas Referenzhandbuch

Beispiel

Starten Sie einen Pfad, bewegen Sie sich zur Position 0,0. Erstellen Sie eine Linie zur Position 300,150:

Ihr Browser unterstützt das HTML5-Canvas-Tag nicht.

JavaScript:

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

Selbst ausprobieren »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen die moveTo()-Methode.

Hinweis:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.


Definition und Verwendung

Die Methode moveTo() verschiebt den Pfad zum angegebenen Punkt auf dem Canvas, ohne eine Linie zu erstellen.

Tipp:Bitte verwenden Sie diestroke()-Methode, um einen exakten Pfad auf dem Canvas zu zeichnen.

JavaScript-Syntax: context.moveTo(x,y);

Parameterwerte

Parameter Beschreibung
x Die x-Koordinate der Zielposition des Pfads.
y Die y-Koordinate der Zielposition des Pfads.


HTML canvas 参考手册HTML-Canvas-Referenzhandbuch Weitere Erweiterungen