---
title: SGV - Tutorial
slug: Web/SVG/Tutorial
translation_of: Web/SVG/Tutorial
---
<p>Scalable Vector Graphics, <a href="/pt/SVG" title="pt/SVG">SVG</a>, é uma linguagem baseada em XML para construir gráficos. O SVG foi parcialmente implementado no Firefox, Opera, navegadores WebKit, Internet Explorer e outros navegadores.</p>

<p>Este tutorial visa explicar como funciona um SVG internamente e tem detalhes técnicos. Se você apenas quer desenhar imagens bonitas, você pode encontrar recursos úteis na <a href="http://inkscape.org/doc/" class="external" title="http://inkscape.org/doc/">Página de documentação do Inkscape</a>. Outra boa introdução ao SVG está disponível em <a href="http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html" class="external" title="http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">SVG Primer</a>, pela W3C.</p>

<div class="note">O tutorial está no início de seu desenvolvimento. Se você puder, por favor ajude lapidando e escrevendo um parágrafo ou dois. Pontos extras por escrever a página inteira.</div>

<h2 id="Introdução_ao_SVG">Introdução ao SVG</h2>

<ul>
 <li><a href="/Introducao" title="Introducao">Introdução</a></li>
 <li>Iniciando</li>
 <li>Posições</li>
 <li>Formas Básicas</li>
 <li>Caminhos</li>
 <li>Preenchimentos e Linhas</li>
 <li>Gradientes</li>
 <li>Padrões</li>
 <li>Textos</li>
 <li>Transformações Básicas</li>
 <li>Cortes e Máscaras</li>
 <li>Outros Conteúdos em SVG</li>
 <li>Efeitos de Filtro</li>
 <li>Fontes em SVG</li>
 <li>(muitas outras entradas aqui)</li>
 <li>Ferramentas para SVG</li>
 <li>Outros Tutoriais</li>
</ul>