[Lógica de Programação] Dúvidas no exercício 1 do 8.2

Livros
1

Ao clicar com o botão direito do mouse, não aparece o circulo vermelho. O que estou fazendo errado? Meu código está aqui abaixo:

<meta charset="utf-8">
<canvas id="tela" width="600" height="400"></canvas>
<script>
var tela = document.getElementById("tela");
var c = tela.getContext("2d");

c.fillStyle="gray";
c.fillRect(0,0,600,400);

tela.onclick = function(evento){
    var x = evento.pageX - tela.offsetLeft;
	var y = evento.pageY - tela.offsetTop;
	if (evento.button == "0") {
		c.fillStyle="blue";
		}
	else if (evento.button == "1"){
			c.fillStyle="red";
		}
	c.beginPath();
	c.arc(x,y,10,0,2*Math.PI);
	c.fill();
	console.log("posição do click : "+x+", "+y);
}	
</script>
2

@wendel.junior aqui é um problema chato mesmo: o canvas tem o botão da direita associado ao “context menu”. Pra resolver isso, você vai precisar fazer:

tela.oncontextmenu = function (e) {
   c.fillStyle="red";
};

:smile:

1 curtida
3

Funcionou perfeitamente!

Obrigado :wink: