HTML-Leinwand lineTo () -Methode
Beispiele
Starten Sie einen Pfad, auf die Position 0,0. 300, erreicht 150 eine Position um eine Linie zu erstellen:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
Versuchen »
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari Unterstützung lineTo () -Methode.
Hinweis: 8 und frühere Versionen von Internet Explorer unterstützt nicht das <canvas> -Element.
Definition und Verwendung
lineTo () -Methode einen neuen Punkt, hinzufügen und dann eine Linie von diesem Punkt auf die Leinwand in der letzten angegebenen Punkt erstellen (diese Methode wird keine neue Zeile).
Tipp: Verwenden Sie den Hub () Methode , um den genauen Pfad auf der Leinwand zu zeichnen.
| JavaScript-Syntax: | Kontext.lineTo (x, y); |
|---|
Parameter Wert
| 参数 | 描述 |
|---|---|
| x | 路径的目标位置的 x 坐标。 |
| y | 路径的目标位置的 y 坐标。 |
Weitere Beispiele
Beispiele
Zeichnen Sie einen Pfad Form ist 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();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();
Versuchen »