Canvas moveTo() Methode

Definition und Verwendung

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

Hinweis:Verwenden Sie stroke() Methode, um den genauen Pfad auf dem Canvas zu zeichnen.

Beispiel

Beginnen Sie einen Pfad und bewegen Sie sich zur Position 0,0. Erstellen Sie eine Linie, die zur Position 300,150 führt:

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();

Versuchen Sie es selbst

Grammatik

context.moveTo(x,y);

Parameterwert

Parameter Beschreibung
x Die x-Koordinate des Zielorts des Pfades
y Die y-Koordinate des Zielorts des Pfades

Browser-Unterstützung

Die in der Tabelle genannten Zahlen beziehen sich auf die erste Browserversion, die das Attribut vollständig unterstützt.

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

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