Toile HTML méthode closePath()
Exemple
Dessinez un chemin, en forme de lettre L, puis tracez une ligne jusqu'au point de départ :
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.closePath();
ctx.stroke();
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la méthode.
Method | |||||
---|---|---|---|---|---|
closePath() | Yes | 9.0 | Yes | Yes | Yes |
Définition et utilisation
La méthode closePath() crée un chemin depuis le point actuel jusqu'au point de départ.
Astuce : Utilisez la méthode stroke() pour tracer le chemin sur le canevas.
Astuce : Utilisez la méthode fill() pour remplir le dessin (le noir est la valeur par défaut). Utilisez la propriété fillStyle pour remplir avec une autre couleur/dégradé.
Syntaxe JavaScript : | contexte .closePath(); |
---|
Plus d'exemples
Exemple
Utilisez le rouge comme couleur de remplissage :
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.closePath();
ctx.stroke();
ctx.fillStyle = "red";
ctx.fill();
❮ Référence de canevas HTML