tutoriais mais recente desenvolvimento web
 

HTML canvas fillRect() Method

<Object Canvas

Exemplo

Desenhe um 150 * 100 pixels preenchido retângulo:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

Suporte navegador

Os números na tabela especificar a primeira versão do navegador que suporta totalmente o método.

Método
fillRect() 4.0 9 3,6 4.0 10.1

Definição e Uso

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

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

sintaxe JavaScript: context . fillRect( x,y,width,height ) ;

Os valores dos parâmetros

Parâmetro Descrição Jogue
x A coordenada x do canto superior esquerdo do retângulo Jogue "
y A coordenada y do canto superior esquerdo do rectângulo Jogue "
width A largura do retângulo, em pixels Jogue "
height A altura do retângulo, em pixels Jogue "

<Object Canvas