Supported SVG Elements and Attributes

These are the SVG features that the Vector map supports.

SVG Elements

For descriptions of SVG elements see the Element Index.

Elements can be defined in an <!ELEMENT ... > block.

Supported

svg-container (can be nested)
g (groups)
defs
image
symbol (container for instanced elements)
use (for instancing of symbols or any other element)
style (most important things work: class-styles, tag-styles and id-styles; no support for things like "text.alarm")
paths (all possible path commands)
  • move to
  • line to
  • horizontal/vertical lines
  • cubic Bezier curves
  • quadratic Bezier curves
  • elliptical arc curves
shapes (all)
  • rect / round rect
  • circle
  • ellipse
  • line
  • polyline
  • polygon
text
  • Support for Windows ttf-fonts
  • tspan
  • tref
  • textPath
paintservers
  • linear gradient
  • radial gradient
  • focal gradient
  • stop
  • pattern
others
  • a (Links dont work, but you can use text of <a>-elements.)
  • desc
  • title
  • clipPath
  • mask

Not Supported

Most of these are for embedded fonts, filters, and animation.

altGlyph embedded font
altGlyphDef embedded font
altGlyphItem embedded font
animate svg-animation
animateColor svg-animation
animateMotion svg-animation
animateTransform svg-animation
cursor custom cursor (no need)
color-profile filter
feBlend filter
feColorMatrix filter
feComponentTransfer filter
feComposite filter
feConvolveMatrix filter
feDiffuseLighting filter
feDisplacementMap filter
feDistantLight filter
feFlood filter
feFuncA filter
feFuncB filter
feFuncB filter
feFuncR filter
feGaussianBlur filter
feImage filter
feMerge filter
feMergeNode filter
feMorphology filter
feOffset filter
fePointLight filter
feSpecularLighting filter
feSpotLight filter
feTile filter
feTurbulence filter
filter filter
font embedded font
font-face embedded font
font-face-format embedded font
font-face-name embedded font
font-face-src embedded font
font-face-uri embedded font
foreignObject Other XML language processors can render into an area within an SVG drawing.
glyph embedded font
glyphRef embedded font
hkern embedded font
marker  
metadata (no need)
missing-glyph embedded font
mpath anim
script No Java or ECMAScripts.
set svg-animation
switch  
view  
vkern embedded font

SVG Attributes

For descriptions of SVG attributes see the Attribute Index.

Notes:

Colors can be specified a number of different ways:

Supported

baseline-shift
clip
clip-path
clipPathUnits
clip-rule
color
color-interpolation
class (Multiple names are possible.)
display
fill
fill-opacity
fill-rule
font-family (Multiple names are possible, including generic fonts. Default is Times New Roman if no font for a glyph is found.)
font-size (Default = 12.)
font-style
font-weight
id
kerning
letter-spacing
mask
opacity
overflow
stop-color
stop-opacity
stroke
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-linejoin
stroke-miterlimit
stroke-opacity
stroke-width
style
text-anchor
transform (translate/rotate/scale/skew)
visibility
word-spacing
xlink:href
xml:base
xml:space

Not Supported

alignment-baseline
color-interpolation-filters
color-profile
color-rendering
cursor
direction
dominant-baseline
enable-background
filter
flood-color
flood-opacity
font
font-variant
glyph-orientation-horizontal
glyph-orientation-vertical
image-rendering
lighting-color
marker
marker-end
marker-mid
marker-start
pointer-events
shape-rendering
text-decoration
text-rendering
unicode-bidi
writing-mode
xml:lang