Haz lo que hicimos en aula

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

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

            pincel.fillStyle = "red"
            pincel.beginPath()
            pincel.arc(x,y,10,0,2*3.14)
            pincel.fill()

        }

        pantalla.onclick = dibujarCirculo





    </script>