Referência de elementos SVG

« SVG / SVG Attribute reference »

Os desenhos e imagens SVG são criados usando uma grande variedade de elementos dedicados a construção, desenho e leiaute de imagens e diagramas vetoriais. Aqui você encontrará documentação de referência para cada um dos elementos SVG.

Elementos SVG de A a Z

Elementos SVG por Categoria

Elementos de animação

<animate>, <animateColor>, <animateMotion>, <animateTransform> , <discard>, <mpath> , <set>

Formas básicas

<circle>, <ellipse>, <line>, <polygon>, <polyline>, <rect>

Elementos "container"

<a>, <defs>, <g>, <marker>, <mask>, <missing-glyph>, <pattern>, <svg>, <switch>, <symbol>, <unknown>

Elementos descritivos

<desc>, <metadata>, <title>

Elementos de filtro simples

<feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feConvolveMatrix>, <feDiffuseLighting>, <feDisplacementMap> , <feDropShadow>, <feFlood>, <feFuncA>, <feFuncB>, <feFuncG>, <feFuncR>, <feGaussianBlur>, <feImage>, <feMerge> , <feMergeNode>, <feMorphology>, <feOffset>, <feSpecularLighting>, <feTile>, <feTurbulence>

Elementos de fonte

<font>, <font-face>, <font-face-format>, <font-face-name>, <font-face-src>, <font-face-uri>, <hkern>, <vkern>

Elementos de gradiente

<linearGradient> , <meshgradient>, <radialGradient>, <stop>

Elementos gráficos

<circle>, <ellipse>, <image>, <line> , <mesh>, <path>, <polygon>, <polyline>, <rect>, <text>, <use>

Elementos gráficos de referência

<mesh>, <use>

Elementos de iluminação

<feDistantLight>, <fePointLight>, <feSpotLight>

Elementos nunca renderizados

<clipPath>, <defs>, <hatch>, <linearGradient>, <marker>, <mask>, <meshgradient>, <metadata>, <pattern>, <radialGradient>, <script>, <style>, <symbol>, <title>

Elementos para pintura

<hatch>, <linearGradient>, <meshgradient>, <pattern>, <radialGradient>, <solidcolor>

Elementos renderizáveis

<a>, <circle>, <ellipse>, <foreignObject>, <g>, <image>, <line>, <mesh>, <path>, <polygon>, <polyline>, <rect>, <svg>, <switch>, <symbol>, <text>, <textPath>, <tspan>, <unknown>, <use>

Elementos de forma

<circle>, <ellipse>, <line>, <mesh>, <path>, <polygon>, <polyline>, <rect>

Elementos estruturais

<defs>, <g>, <svg>, <symbol>, <use>

Elementos de conteúdo textual

<altGlyph>, <altGlyphDef>, <altGlyphItem>, <glyph>, <glyphRef>, <textPath>, <text>, <tref>, <tspan>

Elementos filho de conteúdo textual

<altGlyph>, <textPath>, <tref>, <tspan>

Elementos sem categoria

<clipPath>, <color-profile>, <cursor>, <filter>, <foreignObject>, <hatchpath>, <meshpatch>, <meshrow>, <script>, <style>, <view>

Elementos obsoletos e descontinuados

Aviso: Esses são elementos SVG antigos que foram descontinuados e não devem ser usados. Você nunca deve usá-los em novos projetos e deve susbstituí-los em projetos antigos o mais rápido possível. Eles estão listados aqui apenas para fins informativos.

A

<altGlyph>, <altGlyphDef>, <altGlyphItem>, <animateColor>

C

<cursor>

F

<font>, <font-face>, <font-face-format>, <font-face-name>, <font-face-src>, <font-face-uri>

G

<glyph>, <glyphRef>

H

<hkern>

M

<missing-glyph>

T

<tref>

V

<vkern>

Veja também