Olá, no exercício proposto diz para desenhar somente quando o mouse estiver em movimento e com o botão esquerdo clicado. Usando a solução proposta, tente desenhar com o botão direito clicado! Ficou surpreendido? Fiz uma pequena inclusão na função do onmousedown e que resolveu esse problema.
tela.onmousedown = function (evento) {
if (evento.buttons == 1)
botaoEsquerdoAtivo = true;
}
Existe outra forma de resolver esse contratempo?
Um abraço.
Oi Dárcio bem observado, vou inclusive adicionar essa nota na transcrição:
Uma resolução seria usar a propriedade which onde: 0: Sem botão 1: Botão esquerdo 2: Botão do meio (se presente) 3: Botão direito
function desenhaCirculo(evento) {
var botaoPressionado = evento.which;
if(desenha && botaoPressionado==1) {
var x = evento.pageX - tela.offsetLeft;
var y = evento.pageY - tela.offsetTop;
pincel.fillStyle = 'blue';
pincel.beginPath();
pincel.arc(x, y, 10, 0, 2 * 3.14);
pincel.fill();
}
console.log(x + ',' + y);
}
Espero ter ajudado e bons estudos.