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
(en-US) à 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 :
Code jouable
Spécifications
Specification |
---|
HTML Standard # dom-context-2d-stroke-dev |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
- L'interface qui le définit,
CanvasRenderingContext2D
.