Nos código a função de troca de cor com o click do botão direto não existe, existe apenas o de aumento porem no meu caso estou tentando colocar a função de aumento com SHIFT junto com a de troca e não funciona, alguém pode ajuda?
Solucionado
Nos código a função de troca de cor com o click do botão direto não existe, existe apenas o de aumento porem no meu caso estou tentando colocar a função de aumento com SHIFT junto com a de troca e não funciona, alguém pode ajuda?
<canvas width="600" height="400"></canvas>
<script>
var tela=document.querySelector('canvas');
var pincel=tela.getContext('2d');
pincel.fillStyle='grey';
pincel.fillRect(0,0,600,400);
var raio=10;
function desenhaCirculo(evento){
var x=evento.pageX-tela.offsetLeft;
var y=evento.pageY-tela.offsetTop;
if(evento.shiftKey&&raio+10<=40){
raio=raio+10;
}
if(evento.altKey&&raio-5>=10){
raio=raio-5
}
if(evento.shiftKey){
mudaCor();
}
pincel.fillStyle=cores[cor];
pincel.beginPath();
pincel.arc(x,y,raio,0,2*Math.PI);
pincel.fill();
console.log(x+','+y);
}
tela.onclick=desenhaCirculo;
cores=['blue','red','green'];
cor=0;
function mudaCor(){
cor++
if(cor>=cores.length){
cor=0;
}
return false;
}
</script>