HTML canvas fillRect() Metode

Teken 'n gevulde 150*100 piksels reghoek:

JavaScript:

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

Blaaierondersteuning

Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.

Method
fillRect()	Yes	9.0	Yes	Yes	Yes

Die fillRect() metode teken 'n "gevulde" reghoek. Die verstekkleur van die vul is swart.

Wenk: Gebruik die fillStyle- eienskap om 'n kleur, gradiënt of patroon te stel wat gebruik word om die tekening te vul.

JavaScript-sintaksis:	konteks .fillRect( x,y,breedte,hoogte );

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