Desenhar | Tutorial de Canvas | #2 | #uninerds | Universo dos Nerds
10Código fonte da vídeo aula:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-canvas
Atributo defer: https://youtu.be/xx7ZN2Hdw_w
Mais informações sobre cor: https://youtu.be/Ex8lL_jesJ4
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 poder fazer algo no canvas através do JavaScript devemos declarar uma variável para receber o objeto canvas pelo id.
O próximo passo é colocar o contexto 2d em uma outra variável.
Nesse ponto é possível começar a montagem, por exemplo, para colocar um retângulo preenchido é utilizado a função fillRect e nela é informado a posição x, y, largura e altura em pixel.
Também é possível alterar a cor com o fillStyle e nele passamos o valor da cor seguindo o padrão da Web.