HTML canvas moveTo() Methode

Definition und Verwendung

moveTo() Die Methode bewegt den Pfad an die angegebene Position auf der Leinwand, ohne eine Linie zu erstellen.

Hinweis:Verwenden Sie stroke() Die Methode zeichnet den genauen Pfad auf der Leinwand.

Beispiel

Beginnen Sie einen Pfad, bewegen Sie sich an die 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();

Probieren Sie es selbst aus

Syntax

context.moveTo(x,y);

Parameterwert

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

Browserunterstützung

Die Zahlen in der Tabelle geben die Versionsnummer des ersten Browsers an, der diese Eigenschaft 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 den <canvas>-Element nicht.