méthode canevas HTML closePath ()
Exemples
Dessinez un chemin, sous la forme de la lettre L, puis tracer une ligne pour revenir 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();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
Essayez »
support du navigateur
Internet Explorer 9, la méthode Firefox, Opera, Chrome et Safari soutien closePath ().
Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.
Définition et utilisation
méthode closePath () pour créer un chemin à partir du point courant jusqu'au point de départ.
Astuce: Utilisez la course () méthode pour tracer le chemin exact sur la toile.
Astuce: Utilisez le remplissage () méthode pour remplir l'image (par défaut est noir). Utilisez fillStyle propriété pour remplir une autre couleur / gradient.
Syntaxe JavaScript: | .closePath contexte (); |
---|
D'autres exemples
Exemples
Comme la couleur de remplissage au rouge:
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();
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();
Essayez »