QR Code Studio & Pix Dinâmico
Estúdio de criação de códigos QR customizados com escolha de cores de fundo e frente, inserção de logo central, presets para redes Wi-Fi e Pix com payload CRC16, além de download em PNG e SVG.
O que o seu projeto final precisa conter para ser considerado concluído:
- Presets para URL, Texto livre, Conexão Wi-Fi (WPA/WPA2) e Chave Pix
- Personalização de cor do módulo e cantos (finder patterns)
- Exportação em alta resolução (PNG 1024x1024 e SVG vetorial)
- Histórico dos últimos QR Codes gerados salvo localmente
Recomendamos dominar os seguintes tópicos antes de iniciar a codificação:
- Manipulação de Canvas HTML5
- Formatos de texto Wi-Fi e Pix
- Download de blobs no cliente
Consulte materiais oficiais e tutoriais relacionados para acelerar o desenvolvimento do projeto:
Desenho de gráficos, retângulos e exportação de imagem no Canvas.
Referência rápida de coordenadas, fillStyle e toDataURL.
Sandbox interativo para testar manipulação visual de Canvas em tempo real.
Submeta o seu Repositório
Concluiu o projeto QR Code Studio & Pix Dinâmico? Envie o link do GitHub para registrar no seu portfólio.
Roteiro de Implementação Passo a Passo
Siga as etapas recomendadas, abra as dicas práticas e marque conforme for progredindo.
Formulários e Modos de Entrada
Crie formulários específicos para cada modalidade (Wi-Fi, Pix, Link).
Renderização do Canvas
Desenhe a matriz de bits com margem de segurança e cores customizadas.
Pipeline de Exportação
Gere links de download instantâneo usando canvas.toDataURL e XMLSerializer.