Solução (Aumento Dinâmico com SHIFT)

let tela = document.getElementById('cvv');
let ctx = tela.getContext('2d');

function criaRetangulo(x, y, largura, altura, cor)
{
    ctx.fillStyle = cor;
    ctx.fillRect(x, y, largura, altura);
}

function criaCirculo(xc, yc, raio, ai, af, cor)
{
    ctx.fillStyle = cor;
    ctx.beginPath();
    ctx.arc(xc, yc, raio, ai, af);
    ctx.fill();
}

var z = 0;

function mudaCor() 
{

    if(z < 2)
    {
        z += 1;
    }

    else
    {
        z = 0;
    }

    alert('Troca!');
    return false;
}

var p = 10;

function desenhaCirculo(ev)
{
    var x = ev.pageX - tela.offsetLeft;
    var y = ev.pageY - tela.offsetTop;
    cores = ['blue', 'red', 'lightgreen'];
    cor = cores[z];
    console.log(z);
    if(ev.shiftKey)
    {
        p += 10;
    }
    var raio = p;
    criaCirculo(x, y, raio, 0, 2*Math.PI, cor)
}

tela.oncontextmenu = mudaCor;
tela.onclick = desenhaCirculo;