Exemplo
Desenhe dois 150*100 pixels retângulos. Encha um com uma cor vermelha e outro com uma cor azul:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
ctx.beginPath();
ctx.rect(40, 40, 150, 100);
ctx.fillStyle = "blue";
ctx.fill(); Tente você mesmo " Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o método.
| Método | |||||
|---|---|---|---|---|---|
| fill() | sim | 9 | sim | sim | sim |
Definição e Uso
O fill() método preenche o desenho atual (caminho). A cor padrão é preto.
Dica: Use o fillStyle propriedade para preencher com outra cor / gradiente.
Nota: Se o caminho não estiver fechado, o fill() método irá adicionar uma linha a partir do último ponto ao ponto inicial do caminho para fechar o caminho (como closePath() ), e em seguida, preencha o caminho.
| sintaxe JavaScript: | context.fill(); |
|---|