Méthode lineTo()
Exemple
Commencez un chemin, déplacez-vous à la position (0, 0) et créez une ligne vers (300, 150) :
JavaScript :
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
// Commencer un nouveau chemin
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(300, 150);
// Dessiner le chemin
ctx.stroke(); Description
La méthode lineTo() ajoute une ligne du dernier point du chemin à un nouveau point.
Utilisez la méthode stroke() ou fill() pour dessiner le chemin.
Voir aussi :
La méthode beginPath() (Commencer un nouveau chemin)
La méthode closePath() (Fermer le chemin actuel)
La méthode moveTo() (Déplacer le chemin vers un point)
La méthode fill() (Remplir le chemin actuel)
La méthode stroke() (Dessiner le chemin actuel)
Syntaxe
| context .lineTo( x, y ) |
Valeurs des paramètres
| Param | Description | Jouez-le |
|---|---|---|
| x | La coordonnée x où créer la ligne | |
| y | La coordonnée y où créer la ligne |
Valeur de retour
| AUCUN |
Plus d'exemples
Exemple
Dessinez un chemin en forme de lettre L :
JavaScript :
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.stroke(); Support des navigateurs
L'élément <canvas> est une norme HTML5 (2014).
lineTo() est pris en charge par tous les navigateurs modernes :
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Oui | Oui | Oui | Oui | Oui | 9-11 |