Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Mouse en cual posicion estas

Mouse en cual posicion estas

<meta charset = "UTF-8">

<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 exibirAlerta(evento){
        var x = evento.pageX - pantalla.offsetLeft;
        var y = evento.pageY; - pantalla.offsetTop;
        console.log(evento);
        alert(x + "," + y);
    }

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

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

    }    

    //pantalla.onclick = exibirAlerta;
    pantalla.onclick = dibujarCirculo;

</script>
1 respuesta
solución!

Hola Adrian, espero que estés bien! Gracias por compartir tu código con nosotros. Si tiene alguna pregunta sobre el contenido del curso, estamos aquí para ayudarlo. ¡Sigue practicando! ¡Vamos juntos! :)

Si este post te ayudó, por favor, marca como solucionado ✓.