tutoriais mais recente desenvolvimento web
 

HTML canvas clearRect() Method

<Object Canvas

Exemplo

Limpar um retângulo dentro de um determinado retângulo:

YourbrowserdoesnotsupporttheHTML5canvastag.

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 navegador

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

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

Definição e Uso

O clearRect() método limpa os pixels especificada dentro de um determinado rectâ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 rectângulo para limpar Jogue "
width A largura do retângulo para limpar, em pixels Jogue "
height A altura do retângulo para limpar, em pixels Jogue "

<Object Canvas