Méthode Canvas stroke()

Définition et utilisation

stroke() méthodes dessinent réellement les chemins définis par moveTo() et lineTo() La méthode définie un chemin par défaut, la couleur étant noire.

Avis :Utilisez strokeStyle Utilisez la propriété pour dessiner une autre couleur ou une dégradé.

Exemple

Tracez un chemin, forme d'une lettre L verte :

Votre navigateur ne prend pas en charge l'étiquette canvas HTML5.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="green";
ctx.stroke();

Essayez-le vous-même

Syntaxe

context.stroke();

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.