1
resposta

Dúvida

Estou iniciando com programação agora e gostaria de saber como eu sei a localização da medida? por exemplo:

<script>
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(200, 50, 350 ,300);

    pincel.fillStyle = 'black';
    pincel.fillRect(250, 110, 90, 90);
    pincel.fillRect(410, 110, 90, 90);
</script>

como eu consigo localizar o "410" na tela ?(não sei se consegui explicar bem)

1 resposta

Fala, Eduardo! Tudo bem contigo?

Acredito que o que pode te ajudar é uma noção de plano cartesiano

Plano Cartesiano

Tendo como base que o início de X e Y (exercício) é no canto superior esquerdo, os valores de X serão maiores quando forem para a direita e o Y aumentará quando for para baixo

Outro método, que ajuda bastante, é o getBoundingClientRect. Nessa documentação explica de uma maneira mais detalhada, mas resumindo, nada mais é do que trazer a posição na qual está o objeto.

Espero ter contribuído, Eduardo!

Um abraço!