méthode canevas HTML closePath ()
HTML Manuel toile de référence
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 »
HTML Manuel toile de référence