tutoriais mais recente desenvolvimento web
 

HTML canvas clearRect() Method

<HTML Canvas Referência

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 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 "

<HTML Canvas Referência