Méthode stroke()
Exemple
Dessinez un chemin en forme de lettre L, de couleur rouge :
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.strokeStyle = "red";
ctx.stroke(); Description
La méthode stroke() dessine le chemin actuel.
La valeur par défaut de strokeStyle est #000000 (noir solide).
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 lineTo() (Ajouter une ligne au chemin)
La méthode fill() (Remplir le chemin actuel)
Syntaxe
| context .stroke( ) |
Paramètres
| AUCUN |
Valeur de retour
| AUCUN |
Support des navigateurs
L'élément <canvas> est une norme HTML5 (2014).
stroke() est pris en charge dans tous les navigateurs modernes :
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Oui | Oui | Oui | Oui | Oui | 9-11 |