La méthode CanvasRenderingContext2D
.lineTo()
de l'API Canvas 2D connecte le dernier point du sous-chemin en cours aux coordonnées x, y
spécifiées avec une ligne droite (sans tracer réellement le chemin).
Syntaxe
void ctx.lineTo(x, y);
Paramètres
x
- L'abscisse x du point d'arrivée.
y
- L'ordonnée y du point d'arrivée.
Exemples
Utilisation de la méthode lineTo
Ceci est un extrait de code utilisant la méthode lineTo
. Il faut utiliser la méthode beginPath()
pour débuter un dessin, pour ensuite pouvoir dessiner une ligne dessus. On peut déplacer le crayon avec la méthode moveTo()
et utiliser la méthode stroke()
pour rendre la ligne visible.
HTML
<canvas id="canvas"></canvas>
JavaScript
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(50,50);
ctx.lineTo(100, 100);
ctx.stroke();
Éditez le code suivant pour voir les changements en direct:
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
HTML Living Standard La définition de 'CanvasRenderingContext2D.lineTo' dans cette spécification. |
Standard évolutif |
Compatibilité des navigateurs
BCD tables only load in the browser
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer unepull request.
Voir aussi
- l'interface qui la définit,
CanvasRenderingContext2D
CanvasRenderingContext2D.moveTo()
CanvasRenderingContext2D.stroke()