Introdução | Tutorial de Canvas | #1 | #uninerds | Universo dos Nerds
16Código fonte da vídeo aula:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-canvas
Playlist de HTML5: https://www.youtube.com/playlist?list=PLi3qhjm7dbeeC5h0NDfUiRqEvE0v08Pdd
Playlist de JS: https://www.youtube.com/playlist?list=PLi3qhjm7dbef435xWUu1cTnwn9cLMktnZ
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
Canvas é uma técnica que se utiliza HTML e JavaScript para fazer montagem de imagem, com isso podemos fazer montagem de:
- Texto
- Gráficos
- Animações
- Interação com o usuário, por exemplo, quando clicar em uma tecla, usar o mouse ou passar o dedo em touchscreen
- Jogos
Para poder começar a desenvolver algo em canvas devemos colocar a tag canvas no HTML e ela tem os seguintes atributos principais:
- id que serve para fazer a referência da tag no JavaScript.
- width a largura em pixel que o canvas terá.
- height a altura em pixel que o canvas terá.
PS: O canvas por padrão não tem borda, mas é recomendado colocar a borda pelo menos na fase de desenvolvimento de algo para ter uma noção do espaço que ele está utilizando e sua posição na tela
Você também pode colocar em uma mesma página quantos canvas você quiser e for necessário.