2
respostas

Dúvida - moveTo()

Gente, estou com muita dificuldade com o moveTo()

Fazendo exercício da bandeira do Brasil, eu precisei recorrer a resposta do professor para ver os triângulos.

Eu entendo que x é o ponto de inicio do moveTo, mas e y???É o sentido?

Alguém tem outro exemplo? Eu andei pesquisando até na w3c, mas realmente a ficha não caiu.

Help!!

2 respostas

Oi Jaqueline, tudo bem?

Então o moveTo do canvas tem movimentação cartesiana, nesse caso o valor do X se refere à posição no eixo horizontal e o y no eixo vertical

Oi Jaqueline, tudo bem?

O "x" e "y" presentes na função moveTo(x, y) são coordenadas representadas por um par ordenado, onde o x é a coordenada horizontal e o y, a coordenada vertical.

Imgur

Podemos ver que ele é similar a um plano cartesiano:

Imgur

Fonte: https://brasilescola.uol.com.br/o-que-e/matematica/o-que-e-plano-cartesiano.htm

Porém, quando lidamos com Canvas, diferente do plano cartesiano, o ponto inicial (onde x e y valem 0) fica no canto superior esquerdo:

Imgur

Fonte: https://stivengordillo.com/como-dibujar-con-canvas/

Portanto, x e y representam, respectivamente, a distancia horizontal e vertical de um determinado ponto em relação ao canto superior esquerdo do Canvas.

Espero ter ajudado, se ficou alguma dúvida é só avisar!

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