Exemplo
Desenhe um retângulo de 150 * 100 pixels, e preenchê-lo com a cor vermelha:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
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 | |||||
|---|---|---|---|---|---|
| fill() | 4.0 | 9 | 3,6 | 4.0 | 10.1 |
Definição e Uso
O fill() método preenche o desenho actual (path) . A cor padrão é preto.
Tip: Use o fillStyle propriedade para preencher com outra cor / gradiente.
Note: Se o caminho não está fechado, o fill() método irá adicionar uma linha a partir do último ponto ao ponto inicial do caminho para fechar o caminho (like closePath() ), e em seguida, preencha o caminho.
| sintaxe JavaScript: | context . fill( ) fill( ) ; |
|---|
<Object Canvas