Skip to content

CauanLagrotta/quadro-de-desenho

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Quadro de desenho

Este é um projeto de Quadro de Desenho desenvolvido com HTML, CSS e JavaScript. O aplicativo permite que os usuários desenhem em um canvas com algumas cores predefinidas e limpem o quadro com um simples clique em um botão.

Funcionalidades

  • Desenhar com diferentes cores: Os usuários podem escolher entre algumas cores para desenhar no quadro.
  • Limpar o quadro: Um botão dedicado permite que o usuário limpe o quadro, removendo todos os desenhos.
  • Interface simples e intuitiva: O layout é fácil de usar, tornando a experiência de desenho agradável.

Tecnologias Utilizadas

  • HTML5: Estruturação da página e do canvas.
  • CSS3: Estilização da interface, incluindo o layout do quadro e dos botões.
  • JavaScript: Implementação da lógica de desenho no canvas e controle das funcionalidades.

Como Usar

  • Abra o arquivo index.html no seu navegador.
  • Selecione uma cor clicando nos botões de cor disponíveis.
  • Use o mouse para desenhar no quadro.
  • Para limpar o quadro, clique no botão "Limpar".

Como executar o código

  1. Clone este repositório para a sua máquina local:
  git https://github.com/CauanLagrotta/quadro-de-desenho.git
  1. Navegue até a pasta do projeto:
  cd quadro-de-desenho
  1. Abra o arquivo index.html no navegador ou utilize uma extensão de servidor local para visualizá-lo.