aumentando e diminuindo

var raio = 10;

    function desenhaCirculo(evento) {
        if (raio > 40) {
            raio = 40; //limite até 40 do raio
        }

        var x = evento.pageX - tela.offsetLeft;
        var y = evento.pageY - tela.offsetTop;

        console.log(x + ',' + y);

        if (evento.shiftKey) {
           raio = raio + 10; 
        }
        if (evento.altKey) {
            if (raio == 10) {
                raio = 10; //limite mínimo do raio é 10
            } else {
                raio = raio - 5; //diminuir raio em 5 caso raio não for 10
            }
        }


        pincel.fillStyle = 'blue';
        pincel.beginPath();
        pincel.arc(x, y, raio, 0, 2 * 3.14);
        pincel.fill();

    }

    tela.onclick = desenhaCirculo;