Mi codigo, lo comparto...

Buenos dias, queria compartir mi código:

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

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

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

            var colores = ["blue","red","green"];
        var indice = 0
        var miColor = colores[indice];



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

            console.log(x);
            console.log(y);


        }


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

            pincel.fillStyle = miColor;
            pincel.beginPath();
            pincel.arc(x,y, 10,0, 2*3.1415);
            pincel.fill();


            console.log(x);
            console.log(y);

        }



        function cambiaColor(){
            if (indice == 2){
                indice = 0
                miColor = colores[indice];

            }
            else{
                indice ++;
                miColor = colores[indice];
            }
            alert("Color actual " + miColor);
        }


        lienzo.onclick = dibujarCirculo;
        lienzo.onauxclick = cambiaColor;



    </script>