Beispiel
Beginnen Sie einen Weg, bewegen zu positionieren 0,0 . Erstellen Sie eine Linie zu positionieren 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(); Versuch es selber " Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode in vollem Umfang unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| lineTo() | ja | 9.0 | ja | ja | ja |
Definition und Verwendung
Die lineTo() Methode fügt einen neuen Punkt und schafft eine Linie zu diesem Punkt aus dem letzten angegebenen Punkt in der Leinwand (diese Methode nicht die Linie zu zeichnen).
Tipp: Verwenden Sie den stroke() Methode , um tatsächlich auf der Leinwand , um den Pfad zu ziehen.
| JavaScript-Syntax: | context.lineTo(x,y); |
|---|
Parameterwerte
| Parameter | Beschreibung | Spiel es |
|---|---|---|
| x | Die x-Koordinate, wo die Grenze zu schaffen, | Spiel es " |
| y | Die Y-Koordinate, wo die Grenze zu schaffen, | Spiel es " |
Mehr Beispiele
Beispiel
Zeichnen Sie einen Pfad, geformt wie der Buchstabe 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();
Versuch es selber "