Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.
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
Le tableau de compatiblité de cette page est généré à partir de données structurées. Si vous voulez contribuer à la récupération des données, s'il vous plaît regardez https://github.com/mdn/browser-compat-data et envoyez nous une pull request.
Fonctionnalité | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Support simple | Oui | 12 | Oui | Oui | Oui | Oui |
Path parameter | Oui | Oui | 31 | Non | Oui | Non |
Fonctionnalité | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
---|---|---|---|---|---|---|---|
Support simple | Oui | Oui | Oui | Oui | Oui | Oui | Oui |
Path parameter | ? | ? | Oui | 31 | ? | ? | ? |
Voir aussi
- L'interface qui le définit,
CanvasRenderingContext2D
.