HTML canvas clearRect()Método
Objeto CanvasEjemplo
Borrar un rectángulo dentro del rectángulo dado:
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);
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);
Pruébalo »
Compatibilidad con navegadores
Internet Explorer 9, Firefox, Opera, Chrome y Safari son compatibles con el método clearRect().
Nota:Internet Explorer 8 y versiones anteriores no son compatibles con el elemento <canvas>.
Definición y uso
El método clearRect() borra los píxeles especificados dentro de un rectángulo dado.
| Sintaxis de JavaScript: | context.clearRect(x,y,width,height); |
|---|
Valores de parámetros
| Parámetro | Descripción |
|---|---|
| x | La coordenada x de la esquina superior izquierda del rectángulo que se va a borrar. |
| y | La coordenada y de la esquina superior izquierda del rectángulo que se va a borrar. |
| width | El ancho del rectángulo que se va a borrar, en píxeles. |
| height | La altura del rectángulo que se va a borrar, en píxeles. |
Otras extensiones