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