Toolkit

Guia Pintor

Pinte e desenhe em uma tela com conjunto completo de ferramentas. Pincel à mão livre, formas, borracha, texto e cor de fundo — baixe como PNG.

Voltar para Pintor

O que esta ferramenta faz

O Pintor é uma ferramenta de desenho simples baseada em canvas. Desenhe com um pincel à mão livre, adicione formas (retângulos, círculos, linhas), use uma borracha, adicione texto e defina uma cor de fundo personalizada. Baixe o canvas como PNG. Útil para rascunhos rápidos, anotações, diagramas e arte simples. Todo o desenho ocorre no navegador — sem servidor.

Como usar

  1. Escolha a ferramenta — Selecione pincel, formas, borracha ou texto.
  2. Desenhe — Clique e arraste para pincel ou formas. Clique para posicionar texto.
  3. Configure — Defina tamanho do pincel, cor e preenchimento. Para formas, escolha traço e preenchimento.
  4. Fundo — Altere a cor de fundo do canvas se desejar.
  5. Baixar — Salve o canvas como imagem PNG.
  6. Limpar — Reinicie o canvas para começar de novo.

Como funciona

O canvas é um elemento HTML5 Canvas. O desenho usa o contexto 2D: caminhos para pincel e borracha, rect/arc/line para formas, fillText para texto. Os eventos de mouse/toque capturam traços e formas. O estado do canvas é armazenado em memória; o download usa toDataURL('image/png'). Sem bibliotecas externas para o desenho principal — API canvas vanilla. URLs blob são usadas apenas para download.

Todo o processamento é executado no seu navegador. Nenhum dado é enviado a nenhum servidor.

Casos de uso e exemplos

  • Rascunhos — Desenhos e rabiscos rápidos.
  • Anotações — Marque capturas de tela ou diagramas.
  • Diagramas — Diagramas de fluxo ou wireframes simples.
  • Assinaturas — Capture uma assinatura rápida.
  • Ensino — Demonstre formas e cores.

Exemplo

  • Pincel, vermelho, tamanho 5 → Desenha uma linha vermelha à mão livre.
  • Ferramenta retângulo → Clique e arraste para desenhar um retângulo.
  • Ferramenta texto → Clique para posicionar texto; digite no diálogo.

Limitações e restrições conhecidas

  • Sem camadas — Uma única camada; sem desfazer/refazer além de limpar.
  • Sem persistência — O estado do canvas é perdido ao recarregar.
  • Ferramentas básicas — Sem gradientes, padrões nem filtros avançados.
  • Apenas PNG — O formato de download é PNG; sem exportar JPEG ou SVG.

Todos os cálculos e conversões rodam inteiramente no seu navegador. Nenhum dado é enviado a nenhum servidor, então sua entrada nunca sai do seu dispositivo.