CanvasRenderingContext2D.stroke()
La méthode CanvasRenderingContext2D
.stroke()
de l'API Canvas 2D dessine le chemin actuel ou donné avec le style de trait actuel utilisant la règle d'enroulement non nulle.
Syntaxe
void ctx.stroke(); void ctx.stroke(path);
Paramètres
path
- Un chemin
Path2D
à dessiner.
Exemples
Utilisation de la méthode stroke
Il s'agit d'un extrait de code simple utilisant la méthode stroke
pour tracer un chemin.
HTML
<canvas id="canvas"></canvas>
JavaScript
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.rect(10, 10, 100, 100);
ctx.stroke();
Editer le code en dessous et voir vos modifications mises à jour en direct dans le canevas :
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
HTML Living Standard La définition de 'CanvasRenderingContext2D.stroke' dans cette spécification. |
Standard évolutif |
Compatibilité avec les navigateurs
BCD tables only load in the browser
Voir aussi
- L'interface qui le définit,
CanvasRenderingContext2D
.