Canvas: Limpiar el canvas

Para limpiar o borrar una parte especifica de nuestro canvas podemos usar la función clearRect().

La función clearRect tiene 4 parámetros (x, y, width, height) para seleccionar el área donde empezará a limpiar en función del eje (x,y) y las dimensiones (width, height) que queramos:

// Creamos nuestro canvas
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

// Borramos el área que nos interese
ctx.clearRect(x, y, width, height);

Y para «limpiar todo» el área del canvas le pasamos como valor «cero» a los parámetro x,y. Ejemplo:

ctx.clearRect(0, 0, canvas.width, canvas.height);