Exemplo
Limpar um retângulo dentro de um determinado retângulo:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);
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 | |||||
---|---|---|---|---|---|
clearRect() | sim | 9 | sim | sim | sim |
Definição e Uso
O clearRect() método limpa os pixels especificados dentro de um determinado retângulo.
sintaxe JavaScript: | context.clearRect(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 para limpar | Jogue " |
y | A coordenada y do canto superior esquerdo do retângulo para limpar | Jogue " |
width | A largura do retângulo para limpar, em pixels | Jogue " |
height | A altura do rectângulo para limpar, em pixels | Jogue " |