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> (en-US), <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> (en-US), <feColorMatrix> (en-US), <feComponentTransfer> (en-US), <feComposite> (en-US), <feConvolveMatrix> (en-US), <feDiffuseLighting> (en-US), <feDisplacementMap> (en-US) , <feDropShadow> (en-US), <feFlood> (en-US), <feFuncA> (en-US), <feFuncB> (en-US), <feFuncG> (en-US), <feFuncR> (en-US), <feGaussianBlur> (en-US), <feImage> (en-US), <feMerge> (en-US) , <feMergeNode> (en-US), <feMorphology> (en-US), <feOffset> (en-US), <feSpecularLighting> (en-US), <feTile> (en-US), <feTurbulence> (en-US)

Elementos de fonte

<font> (en-US), <font-face> (en-US), <font-face-format> (en-US), <font-face-name> (en-US), <font-face-src> (en-US), <font-face-uri> (en-US), <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> (en-US), <fePointLight> (en-US), <feSpotLight> (en-US)

Elementos nunca renderizados

<clipPath> (en-US), <defs>, <hatch> (en-US), <linearGradient>, <marker>, <mask>, <meshgradient>, <metadata>, <pattern>, <radialGradient>, <script>, <style>, <symbol>, <title>

Elementos para pintura

<hatch> (en-US), <linearGradient>, <meshgradient>, <pattern>, <radialGradient>, <solidcolor>

Elementos renderizáveis

<a>, <circle>, <ellipse>, <foreignObject> (en-US), <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> (en-US), <color-profile>, <cursor> (en-US), <filter>, <foreignObject> (en-US), <hatchpath> (en-US), <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> (en-US)

F

<font> (en-US), <font-face> (en-US), <font-face-format> (en-US), <font-face-name> (en-US), <font-face-src> (en-US), <font-face-uri> (en-US)

G

<glyph>, <glyphRef>

H

<hkern>

M

<missing-glyph>

T

<tref>

V

<vkern>

Veja também