Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Todo bien, pero ¿hay opción para clic y arrastrar?

Hola foro, me gustó mucho esta actividad pues literalmente me sentí como si fuese el creador de "Paint" :P Mi duda es si es sencillo implementar la opción para dar clic y arrastrar mientras se dibuja todo el trazo.

Quizá está actividad estará mas adelante pero no quise dejar la oportunidad de preguntar aquí, pues posiblemente lo dejaré pasar.

En la actividad se muestra una documentación de mozilla. Para que esta publicación tenga mas sentido, podrían recomendarme mas sitios de documentción confiables por favor?

Gracias de antemano (:

<canvas width="600" height="400"> </canvas>

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");    

    pincel.fillStyle = "grey";
    pincel.fillRect(0,0,600,400); 

    function exhibirAlerta(evento){
        var x = evento.pageX - pantalla.offsetLeft; //pos x
        var y = evento.pageY - pantalla.offsetTop; //pos y

        console.log(evento);
        alert(x + ", " + y); 
    }

    function dibujarCirculo(evento){
        var x = evento.pageX - pantalla.offsetLeft; //pos x
        var y = evento.pageY - pantalla.offsetTop; //pos y

        pincel.fillStyle = "blue";
        pincel.beginPath();
        pincel.arc(x,y,10,0,2*3.14);
        pincel.fill();
        console.log(x + ", " + y); 
    }

    pantalla.onclick = dibujarCirculo;

</script>
1 respuesta
solución!

Al final del curso se explica lo que estaba buscando. gracias