Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Como eu acho as posiçoes?

Bom dia, gostaria de saber apenas, como eu acho as posições, exemplo, como vou saber que a barba ta no eixo que o professor falar? essa duvida esta forte!!

2 respostas

Seria bacana você ir verificando a posição do mouse pelo console. O que precisaria fazer para isso:

-Recuperar elemento pela DOM -Settar algum tipo de evento nele -Recupera os dados que quer e mostrar no console Na pratica

let context  = document.querySelector('canvas');

context.onclick = mostraPosicao;

function mostraPosicao(event)  {
     let x = event.pageX - context.offsetLeft();
     let y =  event.pageY - context.offsetTop();

    console.log('X:  ' + x + '  Y:  ' + y);
}

Dessa maneira você consegue se virar com as posições.

solução!

Isac, bom dia!

Um método seria, dividir mentalmente seu canvas em linhas e colunas, formando um grid. Assim quando você for desenhar, visto que são vário quadrados, fica mais fácil de "encaixar" em qual quadrado aquela parte do desenho vai ficar ;)

Espero ter ajudado e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software