Metodo lineTo() del canvas
Definizione e uso
lineTo() Aggiungi un nuovo punto e crea una linea dalla posizione finale dell'ultimo punto specificato nel canvas (questo metodo non crea la linea).
Suggerimento:Usa stroke() Il metodo disegna esattamente il percorso sul canvas.
Esempio
Esempio 1
Inizia un percorso, muovi alla posizione 0,0. Crea una linea che arriva alla posizione 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();
Suggerimento:Più esempi disponibili nella pagina di fondo.
Sintassi
context.lineTo(x,y);
Valore del parametro
| Parametro | Descrizione |
|---|---|
| x | L'asse x della posizione di destinazione del percorso. |
| y | L'asse y della posizione di destinazione del percorso. |
Più esempi
Esempio 2
Disegna un percorso, la forma è la lettera 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();
Supporto browser
I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Nota:Internet Explorer 8 e versioni precedenti non supportano l'elemento <canvas>.
