Méthode HTML canvas stroke()

Définition et utilisation

stroke() Les méthodes dessinent effectivement le chemin par moveTo() et lineTo() Les méthodes définies par la méthode définissent le chemin. La couleur par défaut est noire.

Avis :Veuillez utiliser strokeStyle les propriétés pour dessiner une autre couleur / dégradé.

Exemple

Tracez un chemin, la forme est une lettre verte L :

Votre navigateur ne prend pas en charge la balise 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();

Prise en charge du navigateur

Les numéros 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>.