Pré-visualizador de SVG

Como pré-visualizar rapidamente o código SVG?

No seu fluxo de trabalho, os designers podem fornecer diretamente o código SVG ou exportar fragmentos de ferramentas vectoriais. Com esta ferramenta, basta copiar e colar o seu código no editor para uma renderização imediata. Se não sabe como abrir um ficheiro SVG, basta importá-lo para ver o resultado. Além disso, pode ver como o seu gráfico fica em fundos claros ou escuros para assegurar a consistência visual.

Passos para visualizar ficheiros e códigos SVG com rapidez

1. Colar Código: Introduza o conteúdo <svg>...</svg> na área de texto.
2. Arrastar e Soltar: Arraste qualquer ficheiro .svg do seu computador directamente para o editor.
3. Inspecção detalhada: Utilize os botões de zoom (±1, ±5) para ajustar a escala.
4. Integração rápida: Alterne entre os exemplos de aplicação para obter código img src, viewBox e muito mais.

Características do visualizador de SVG online

• Gratuito: Sem registo ou download obrigatório.
• Sincronização imediata: A visualização é actualizada enquanto edita o código.
• Conversão inteligente: Gera tags img com Base64 e tags viewBox optimizadas automaticamente.
• Zoom em tempo real: Altere a escala de visualização e copie o código SVG escalonado.
• Integração múltipla: Obtenha código pronto a usar em CSS, Base64 ou HTML. Ideal se não domina o uso de SVG na web!
• Desenho Adaptável: Interface moderna e optimizada para todos os dispositivos.

Lista detalhada de funções do Pré-visualizador de SVG