Manual de Referência do SVG

Elemento SVG

Elemento Descrição
<a> Criar link que envolve o elemento SVG.
<altGlyph> Fornecer controle sobre os pincéis usados para apresentar dados de caracteres específicos.
<altGlyphDef> Definir conjunto de substituição de pincel.
<altGlyphItem> Definir conjunto de candidatos para substituição de pincel.
<animate> Definir como as propriedades do elemento mudam ao longo do tempo.
<animateMotion> Movimentar o elemento referenciado ao longo do caminho de movimento.
<animateTransform> Realizar animação de atributos de transformação no elemento alvo, permitindo controle de animação de transladação, escalamento, rotação e/ou inclinação.
<circle> Definir círculo.
<clipPath> Definir caminho de recorte.
<color-profile> Especificar descrição do perfil de cores (ao usar CSS para definir estilo do documento).
<cursor> Definir cursor personalizado independente da plataforma.
<defs> Definir contêiner do elemento referenciado.
<desc> Definir descrição de texto puro para elementos de contêiner ou gráfico SVG.
<ellipse> Definir elipse.
<feBlend> Combinar dois objetos usando um padrão de mistura específico.
<feColorMatrix> Filtro SVG. Aplicar transformações matriciais.
<feComponentTransfer> Filtro SVG. Executa a remapeamento de dados por componente.
<feComposite> Filtro SVG. Executa a combinação inteligente de pixels de duas imagens de entrada.
<feConvolveMatrix> Filtro SVG. Aplica o efeito de filtro de convolução de matriz.
<feDiffuseLighting> Filtro SVG. Imagem de iluminação, usando o canal alpha como mapeamento de elevação.
<feDisplacementMap> Filtro SVG. Mapeamento de deslocamento.
<feDistantLight> Filtro SVG. Define a fonte de luz.
<feFlood> Filtro SVG. Preenche a área do filtro.
<feFuncA> Filtro SVG. Define a função de transformação para o componente alfa (transparência) da entrada.
<feFuncB> Filtro SVG. Define a função de transformação para o componente azul da entrada.
<feFuncG> Filtro SVG. Define a função de transformação para o componente verde da entrada.
<feFuncR> Filtro SVG. Define a função de transformação para o componente vermelho da entrada.
<feGaussianBlur> Filtro SVG. Aplica um desfoque gaussiano à imagem.
<feImage> Filtro SVG. Obtém dados de imagem de uma fonte externa e fornece dados de píxeis como saída.
<feMerge> Filtro SVG. Cria camadas de imagens que se sobrepoem.
<feMergeNode> Elemento filho do feMerge.
<feMorphology> Filtro SVG. Executa um alongamento ou afinamento na forma de origem.
<feOffset> Filtro SVG. Move a imagem em relação à posição atual.
<fePointLight> Filtro SVG.
<feSpecularLighting> Filtro SVG. Ilumina a forma de origem, usando o canal alpha como mapeamento de elevação.
<feSpotLight> Elemento de luz de origem para o arquivo SVG.
<feTile> Filtro SVG. A imagem de entrada é repetida, e o resultado é usado para preencher o alvo.
<feTurbulence> Filtro SVG. Cria imagens usando a função de ruído Perlin.
<filter> Container para efeitos de filtro.
<font> Define a fonte.
<font-face> Descrição das características da fonte.
<font-face-format> Descrição do tipo da fonte referenciada pelo elemento pai <font-face-uri>.
<font-face-name> Ponte para a cópia instalada localmente da fonte, identificada pelo nome da fonte.
<font-face-src> Equivalente à propriedade @font-face do padrão CSS.
<font-face-uri> Ponteirar para a definição remota da fonte atual.
<foreignObject> Permitir que elementos de diferentes espaços de nomes XML sejam incluídos.
<g> Usado para agrupar elementos.
<glyph> Definir a forma do glyph fornecido.
<glyphRef> Definir os tipos de pincel que podem ser usados.
<hkern> Ajustar finamente a distância horizontal entre dois textos gravados.
<image> Definir uma imagem.
<line> Definir uma linha.
<linearGradient> Definir uma gradiente linear.
<marker> Definir a forma usada para desenhar setas ou marcadores de múltiplos lados em um elemento dado.
<mask> Definir o elemento de máscara.
<metadata> Especificar metadados.
<missing-glyph> Se a fonte não definir um <glyph> apropriado para o caractere fornecido, apresentar o conteúdo do elemento missing-glyph.
<mpath> Referenciar um elemento <path> externo como definição de caminho de movimento.
<path> Definir um caminho.
<pattern> Definir um padrão.
<polygon> Definir um gráfico que contenha pelo menos três lados.
<polyline> Definir qualquer forma composta apenas por linhas.
<radialGradient> Definir uma gradiente radial.
<rect> Definir um retângulo.
<script> Definir o contêiner de script (por exemplo, ECMAScript).
<set> Definir o valor do atributo com a duração especificada.
<stop> Ponto de parada da gradiente.
<style> Permitir que as folhas de estilo sejam diretamente incorporadas no conteúdo SVG.
<svg> Criar um fragmento de documento SVG.
<switch> Avaliar os atributos dos elementos filhos diretamente, em ordem, e processar e apresentar o primeiro que avaliar como true.
<symbol> Definir o objeto modelo gráfico, que pode ser instanciado com o elemento <use>.
<text> Definir o texto.
<textPath> Colocar o texto com base na forma do elemento <path>.
<title> Descrição de texto pura de elementos no SVG. O agente de usuário pode exibir o texto como uma dica de ferramenta.
<tref> Referenciar qualquer elemento <text> do documento SVG e reutilizá-lo.
<tspan> Igual ao elemento <text>, mas pode ser aninhado dentro de uma tag text e dentro dela mesma.
<use> Obter o nó alvo dentro do documento SVG e copiá-lo em outro lugar.
<view> Um método limitado para visualizar imagens, como nível de zoom ou vista detalhada.
<vkern> Ajuste exato da distância vertical entre dois caracteres (glyph).