Méthode HTML canvas fillRect()

Dessinez un rectangle plein de 150*100 pixels :

JavaScript :

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillRect(20, 20, 150, 100);

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
fillRect()	Yes	9.0	Yes	Yes	Yes

La méthode fillRect() dessine un rectangle "rempli". La couleur par défaut du remplissage est le noir.

Astuce : utilisez la propriété fillStyle pour définir une couleur, un dégradé ou un motif utilisé pour remplir le dessin.

Syntaxe JavaScript :	contexte .fillRect( x,y,width,height );

Parameter	Description	Play it
x	The x-coordinate of the upper-left corner of the rectangle
y	The y-coordinate of the upper-left corner of the rectangle
width	The width of the rectangle, in pixels
height	The height of the rectangle, in pixels