Método de tela HTML fillRect()

Desenhe um retângulo preenchido de 150*100 pixels:

JavaScript:

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

Suporte ao navegador

Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao método.

Method
fillRect()	Yes	9.0	Yes	Yes	Yes

O método fillRect() desenha um retângulo "preenchido". A cor padrão do preenchimento é preto.

Dica: Use a propriedade fillStyle para definir uma cor, gradiente ou padrão usado para preencher o desenho.

Sintaxe JavaScript:	context .fillRect( x,y,largura,altura );

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