Cómo puedo agregar un botón que me borre el canvas para volver a dibujar? , no he podido. En .html tengo: <code> &lt;input type="but...

Miguel Llerena

Miguel Llerena

Pregunta
student
hace 7 años

Có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); }
3 respuestas
para escribir tu comentario
    Sebastian Calderón Araque

    Sebastian Calderón Araque

    student
    hace 7 años

    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

    Sebastian Villegas

    student
    hace 7 años

    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

    Federico Matías Mauro

    student
    hace 7 años

    Cambia

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

    por

    j.width = j.width;
Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.

Curso Gratis de Programación Básica
Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.