Canvas lineTo() metoden
Definering og brug
lineTo() metoden til at tilføje en ny punkt, og opret en linje fra dette punkt til den senest angivne position på canvas (denne metode opretter ikke en linje).
Tip:Brug stroke() Metoden tegner den præcise sti på canvas.
Eksempel
Eksempel 1
Start en sti, flyt til position 0,0. Opret en linje til 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();
Tip:Flere eksempler findes på siden.
Syntaks
context.lineTo(x,y);
Parameter værdi
| Parameter | Beskrivelse |
|---|---|
| x | Stiens målpositionens x-koordinat. |
| y | Stiens målpositionens y-koordinat. |
Flere eksempler
Eksempel 2
Tegn en sti, formen er bogstaven 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();
Browserstøtte
Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Bemærk:Internet Explorer 8 og tidligere versioner understøtter ikke <canvas>-elementet.
