Visualizador de SVG

Cole código SVG/XML e pré-visualize o gráfico vetorial diretamente no navegador. A pré-visualização permite ampliar e deslocar.

Visualizador de SVG

Código SVG

Cole código SVG/XML ou edite-o diretamente.

Pré-visualização

Os scripts e os recursos externos são bloqueados por segurança.

100%

O código SVG válido será apresentado aqui.

O que esta ferramenta faz

O Visualizador de SVG renderiza código SVG diretamente no navegador, permitindo verificar um gráfico vetorial sem enviar o código para um serviço externo.

Como usar

  1. Cole um documento SVG completo no campo de código ou edite diretamente o XML.
  2. Observe o gráfico renderizado e utilize o zoom ou o deslocamento para examinar os detalhes.
  3. Reponha a vista ou limpe o campo quando quiser verificar outro SVG.

Utilizações práticas

  • Verificar um SVG criado por si antes de o utilizar num site.
  • Examinar o viewBox, as formas e os espaçamentos de um gráfico vetorial no navegador.
  • Comparar pequenas alterações no código SVG com o resultado renderizado.

Notas e limites

  • O código é processado localmente no navegador. Scripts, HTML incorporado e recursos externos são bloqueados.
  • Conteúdo SVG não suportado ou potencialmente inseguro pode ser removido da pré-visualização.

Perguntas frequentes

Porque é que o meu SVG não é apresentado?

Confirme que o conteúdo é XML válido com um elemento raiz <svg>. Documentos incompletos ou malformados não são renderizados.

São carregadas imagens ou fontes externas?

Não. Os recursos externos e o conteúdo executável são bloqueados por segurança.