Coordenadas | Tutorial de Canvas | #3 | #uninerds | Universo dos Nerds
5Código fonte da vídeo aula:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-canvas
Redes Sociais
Facebook: https://www.facebook.com/uninerds
Twitter: https://www.twitter.com/uninerds
YouTube: https://www.youtube.com/user/uninerds?sub_confirmation=1
LinkedIn: https://www.linkedin.com/company/uninerds
Instagram: https://www.instagram.com/uninerds
Gostou do vídeo? Veja 10 opções de como você pode apoiar o Universo dos Nerds:
https://youtu.be/KYAljlRtlb4
Hashtags: #uninerds #canvas #js #javascript
Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331
Contato: uninerds@uninerds.net
Para definir a posição de algo no canvas é necessário utilizar as coordenadas x que representa a horizontal e y a vertical, o ponto 0,0 é o canto superior esquerdo os valores vão aumentando para direita e para baixo respectivamente.
Com isso é possível desenhar uma linha, para isso deve ser informado as coordenadas da posição inicial pela função moveTo, até as coordenadas para onde linha deve ir com a função lineTo e para desenhar a linha a stroke.
Também podemos desenhar um círculo com a função arc e nela é informado as coordenadas x, y do centro do círculo, o tamanho do raio, o ângulo inicial e o ângulo final do círculo, por exemplo, para desenhar um círculo inteiro é colocado no ângulo inicial 0 e no ângulo final 2*Math.PI que é o valor de 𝜋 multiplicado por 2.