Por que esta ferramenta é útil
Crie um mockup vetorial autônomo, uma figura de documentação ou uma amostra de interface reutilizável a partir de HTML que não contenha recursos remotos.
Design e CSS · é executado localmente
HTML para SVG Converter
Transforme um fragmento HTML higienizado em uma tela SVG escalável cujo texto e layout permaneçam nítidos em diferentes tamanhos de exibição.
Pronto. Os seus dados de trabalho permanecem neste navegador.
Como funciona o sistema
O navegador remove a marcação executável e com capacidade de rede, envolve o XHTML restante em um foreignObject de SVG e exporta o canvas delimitado exato como texto.
Exemplo prático
Renderize um cartão de produto de 1200 × 630, inspecione o código-fonte SVG gerado e mantenha o artefato vetorial para uma página de documentação responsiva.
Validação
O cálculo é determinístico e explica os erros de validação em vez de alterar silenciosamente a entrada inválida.
Limite de privacidade
A entrada e a saída permanecem nesta aba. Copiar e baixar acontecem por meio das APIs do navegador, sem envio ao servidor.
Passaporte de resultado
Cada execução registra o modo da ferramenta, o carimbo de data e hora e o tamanho de entrada/saída para que os dados transformados possam ser auditados.