Latest web development tutorials

méthode canevas HTML de remplissage ()

HTML Manuel toile de référence HTML Manuel toile de référence

Exemples

Dessinez un rectangle de 150 * 100 pixels, puis le remplir avec du rouge pour donner:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, la méthode Firefox, Opera, Chrome et Safari soutien fill ().

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


Définition et utilisation

fill () méthode remplit l'image courante (chemin). La couleur par défaut est noir.

Astuce: Utilisez fillStyle propriété pour peupler une autre couleur / gradient.

Remarque: Si lechemin est pas fermé, la méthode fill () pour ajouter le chemin d'accès au point d'une ligne entre le point de départ pour fermer le tracé final (comme closePath () le même), puis remplissez le chemin.

Syntaxe JavaScript: contexte .Remplir ( );


HTML Manuel toile de référence HTML Manuel toile de référence