Recursos SVG

• Recursos SVG
  • Documentação
  • Modelos Base
    • Um documento «standalone»
    • Um documento «embebido»

Documentação

• Norma em Scalable Vector Graphics (SVG) 1.1 (Second Edition).
• Documentação em Mozilla Developer Network.
• Tutorial em W3C: An SVG Primer for Today’s Browsers.

Modelos Base

Para documentos «pequenos», por exemplo, para testar uma função ou técnica, pode usar um único documento SVG que pode ser visualizado em vários programas, incluindo browsers, o VSCodium, etc.

Porém, se o seu modelo gráfico faz parte de um documento HTML pode colocar o elemento SVG diretamente embebido no documento HTML.

Um documento «standalone»

Um modelo gráfico SVG pode ficar guardado num único ficheiro, com extensão svg, e ser visualizado por vários programas.

<!DOCTYPE svg PUBLIC 
    "-//W3C//DTD SVG 1.1//EN" 
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="..." height="..."
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- conteúdo do documento SVG -->
</svg>

Um documento «embebido»

Num documento HTML (ou outro...), é possível embeber diretamente conteúdo SVG com:

<svg width="..." height="..."
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- conteúdo do elemento SVG -->
</svg>