Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
4
respuestas

cambiar colores con mensaje de que color seleccionó

<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);
    var colores = ["blue", "red", "green"];
    var coloresEsp = ["azul", "rojo", "verde"];
    var seleccionarColor = 0;


    function dibujarCirculo(evento){
        var x = evento.pageX - pantalla.offsetLeft;
        var y = evento.pageY - pantalla.offsetTop;    
        pincel.fillStyle = colores[seleccionarColor];
        pincel.beginPath();
        pincel.arc(x,y,10,0,2*3.14);
        pincel.fill();
        console.log(x + "," + y);        
    }

    pantalla.onclick = dibujarCirculo;

    function alterarColor() {
        if (seleccionarColor < (colores.length - 1)) {
            seleccionarColor++;
        } else {
            seleccionarColor = 0;
        }
        alert("Seleccionó el color " + coloresEsp[seleccionarColor]);
        return false;

    }

    pantalla.oncontextmenu = alterarColor;

</script> 
4 respuestas

Una pregunta: a ti te aparece el nuevo color cuando das click derecho?, a mi no me cambia el color, sólo aparece un pop up con el cambio de color. gracias

esta buena la forma en la que lo hiciste, no se me habia ocurrido. yo utilice una totalmente diferente. felicitaciones.

hola Lina, no se si resolviste tu problema, podrías mostrar tu código

Ya lo logré, gracias!!