
Miguel Llerena
PreguntaCómo puedo agregar un botón que me borre el canvas para volver a dibujar? , no he podido.
En .html tengo:
<input type="button" value="Borrar dibujo" id="boton_borrar"/><br/>
y en .js:
var j= document.getElementById("dibujocanvas"); var lienzo= j.getContext("2d"); var borrar =document.getElementById("boton_borrar"); boton.addEventListener("click", dibujoPorClick ); borrar.addEventListener("click", borrarDibujo ); function borrarDibujo() { j.clearRect(0, 0, canvas.width, canvas.height); }
Sebastian Calderón Araque
El metodo clearRect lo debes aplicar al lienzo, mientras que la propiedad width la debe aplicar a la variable j. Debe quedar
lienzo.clearRect(0, 0, j.width, j.height);

Sebastian Villegas
Hola! Saludos.
Yo lo haria de la siguiente forma:
HTML:
<input type="button" value="Reiniciar" id="Btn_Click" />
JavaScript:
function reiniciar(){ papel.clearRect(0, 0, d.width, d.height); }

Federico Matías Mauro
Cambia
j.clearRect(0, 0, canvas.width, canvas.height);
por
j.width = j.width;