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.

void ctx.stroke();
void ctx.stroke(path);

path

Un chemin Path2D (en-US) à dessiner.

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 :

• L'interface qui le définit, CanvasRenderingContext2D.