Elementos e atributos SVG suportados

Estes são os recursos SVG que o Mapa de vetor suporta.

Elementos SVG

Para obter descrições dos elementos SVG, consulte o Índice de elementos.

Os elementos podem ser definidos em um bloco <!ELEMENT ... >.

Suportado

svg-container (pode ser aninhado)
g (grupos)
defs
imagem
símbolo (container de elementos instanciados)
uso (para a instanciação de símbolos ou qualquer outro elemento)
estilo (o mais importante funciona: class-styles, tag-styles e id-styles. Não há suporte para itens como "text.alarm")
caminhos (todos os comandos de caminho possíveis)
  • mover para
  • alinhar a
  • linhas horizontais/verticais
  • curvas Bezier cúbicas
  • curvas Bezier quadráticas
  • curvas de arco elípticas
formas (todas)
  • retângulo/retângulo redondo
  • círculo
  • elipse
  • linha
  • polilinha
  • polígono
texto
  • Suporte para fontes ttf do Windows
  • tspan
  • tref
  • textPath
paintservers
  • gradiente linear
  • gradiente radial
  • gradiente focal
  • parar
  • padrão
outros
  • a (Os vínculos não funcionam, mas é possível usar texto de elementos <a>).
  • desc.
  • título
  • clipPath
  • máscara

Não suportado

A maioria desses são para fontes, filtros e animação incorporados.

altGlyph fonte incorporada
altGlyphDef fonte incorporada
altGlyphItem fonte incorporada
animar svg-animation
animateColor svg-animation
animateMotion svg-animation
animateTransform svg-animation
cursor cursor personalizado (não necessário)
color-profile filtro
feBlend filtro
feColorMatrix filtro
feComponentTransfer filtro
feComposite filtro
feConvolveMatrix filtro
feDiffuseLighting filtro
feDisplacementMap filtro
feDistantLight filtro
feFlood filtro
feFuncA filtro
feFuncB filtro
feFuncB filtro
feFuncR filtro
feGaussianBlur filtro
feImage filtro
feMerge filtro
feMergeNode filtro
feMorphology filtro
feOffset filtro
fePointLight filtro
feSpecularLighting filtro
feSpotLight filtro
feTile filtro
feTurbulence filtro
filtro filtro
fonte fonte incorporada
font-face fonte incorporada
font-face-format fonte incorporada
font-face-name fonte incorporada
font-face-src fonte incorporada
font-face-uri fonte incorporada
foreignObject Outros processadores de linguagem XML podem renderizar em uma área dentro de um desenho SVG.
glifo fonte incorporada
glyphRef fonte incorporada
hkern fonte incorporada
marcador  
metadados (não necessário)
missing-glyph fonte incorporada
mpath aNIM
script Nenhum Java ou ECMAScripts.
definir svg-animation
alternar  
vista  
vkern fonte incorporada

Atributos SVG

Para obter descrições dos atributos SVG, consulte o Índice de atributos.

Notas:

As cores podem ser especificadas de várias maneiras diferentes:

Suportado

baseline-shift
clipe
clip-path
clipPathUnits
clip-rule
cor
color-interpolation
classe (Vários nomes são possíveis.)
exibir
preenchimento
fill-opacity
fill-rule
font-family (Vários nomes são possíveis, incluindo fontes genéricas. O padrão é Times New Roman se nenhuma fonte para um glifo for encontrada.)
font-size (padrão = 12).
font-style
font-weight
id
kerning
letter-spacing
máscara
opacidade
estouro
stop-color
stop-opacity
pincelada
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-linejoin
stroke-miterlimit
stroke-opacity
stroke-width
estilo
text-anchor
transformar (traduzir/girar/ajustar escala/distorcer)
visibilidade
word-spacing
xlink:href
XML:base
XML:espaço

Não suportado

alignment-baseline
color-interpolation-filters
color-profile
color-rendering
cursor
direção
dominant-baseline
enable-background
filtro
flood-color
flood-opacity
fonte
font-variant
glyph-orientation-horizontal
glyph-orientation-vertical
image-rendering
lighting-color
marcador
marker-end
marker-mid
marker-start
pointer-events
shape-rendering
text-decoration
text-rendering
unicode-bidi
writing-mode
XML:lang