HTML-Canvas -lineTo()- Methode
Beispiel
Beginnen Sie einen Pfad, bewegen Sie sich zu Position 0, 0. Erstellen Sie eine Linie zu Position 300, 150:
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 | |||||
---|---|---|---|---|---|
lineTo() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definition und Verwendung
Die Methode lineTo() fügt einen neuen Punkt hinzu und erstellt eine Linie von diesem Punkt zum zuletzt angegebenen Punkt im Zeichenbereich (diese Methode zeichnet keine Linie).
Tipp: Verwenden Sie die Methode stroke() , um den Pfad tatsächlich auf der Leinwand zu zeichnen.
JavaScript-Syntax: | Kontext .lineTo( x, y ); |
---|
Parameterwerte
Parameter | Description | Play it |
---|---|---|
x | The x-coordinate of where to create the line to | |
y | The y-coordinate of where to create the line to |
Mehr Beispiele
Beispiel
Zeichnen Sie einen Pfad in Form des Buchstabens L:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.stroke();
❮ Canvas-Objekt