Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

shiftkey nao funciona.

Oi gente, boa noite.

Estou tentando desenvolver este codigo há horas, mas de todas as maneiras que tentei resolver sempre encontro dificuldade no incremento do shiftkey, nao sei o que estou fazendo de errado.

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

<script>
    var tela = document.querySelector ('canvas');
    var pincel = tela.getContext ('2d'); 
    pincel.fillStyle = 'lightblue';  
    pincel.fillRect(0, 0, 600, 400); 

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

        if (evento.shiftkey == true) {

        pincel.fillStyle = 'purple';
        pincel.beginPath ();
        pincel.arc(x, y, 30, 0, 2 * 3.14); 
        pincel.fill ();
        }

        else {
        pincel.fillStyle = 'purple';
        pincel.beginPath ();
        pincel.arc(x, y, 10, 0, 2 * 3.14); 
        pincel.fill ();
        }}
        tela.onclick = desenhaBolinha;


    </script>

Help, please :x

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
2 respostas

É shiftKey ao invés de shiftkey (k maiúsculo)

solução!

só acrescentei esta linha:

        var aumentaBolinha = (evento.shiftKey?20:0);
    ...
e alterei esta:
        pincel.arc(x,y,10+aumentaBolinha,0,2*Math.PI);