Beispiel
Beginnen Sie einen Weg, bewegen 0,0 zu positionieren. Erstellen Sie eine Linie 300.150 zu positionieren:
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 vollständig unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| lineTo() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definition und Verwendung
Die lineTo() Methode fügt einen neuen Punkt und schafft eine Linie von diesem Punkt bis zum letzten angegebenen Punkt in der Leinwand (this method does not draw the line) .
Tip: Verwenden Sie die 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 Linie zu schaffen, um | Spiel es " |
| y | Die y-Koordinate, wo die Linie zu schaffen, um | 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 " <Canvas Object