HTML-Canvas -moveTo()- Methode

❮ HTML-Canvas-Referenz

Beispiel

Beginnen Sie einen Pfad, bewegen Sie sich zu Position 0,0. Erstellen Sie eine Zeile zur Position 300.150:

Ihr Browser unterstützt den HTML5-Canvastag nicht.

JavaScript:

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

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Verfahren vollständig unterstützt.

Method
moveTo() Yes 9.0 Yes Yes Yes

Definition und Verwendung

Die Methode moveTo() verschiebt den Pfad zum angegebenen Punkt im Zeichenbereich, ohne eine Linie zu erstellen.

Tipp: Verwenden Sie die Methode stroke() , um den Pfad tatsächlich auf der Leinwand zu zeichnen.

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

Parameterwerte

Parameter Description Play it
x The x-coordinate of where to move the path to
y The y-coordinate of where to move the path to

❮ HTML-Canvas-Referenz