Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

As minhas variáveis X e Y constam como NaN

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Interagindo com o usuário e atividade Mouse, diga-me em que posição estás

por Gabriel Melo Moyses de Oliveira
| 18.6k xp | 2 posts
function desenhaCirculo (evento) {

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

        pincel.fillStyle = "green";
        pincel.beginPath();
        pincel.arc(x, y, 10, 0, 2*3.14);
        pincel.fill();

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

    }
2 respostas
solução!
por Roger Moraes de Moura
| 768.5k xp | 252 posts
Técnico em Sistemas da Informação

O erro está ali !!

var x = tela.pageX - tela.offsetLeft;

var y = tela.pageY - tela.offsetTop;

Coloca evento que é teu parâmetro no lugar de tela, Exemplo : var x = evento.pageX - evento.offsetLeft;

por Rafael Martiniano do Nascimento
| 242.5k xp | 17 posts

Opa, boa noite Gabriel tudo bom?

É isso mesmo que o Roger Moraes mencionou acima só tem um porém o final continua tela.offsetLeft; se deixar evento.offsetLeft vai retornar NaN.


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