You can find some basic examples of SVG syntax and usage in the W3C SVG test suite.

Note: As of Gecko 2.0, Gecko supports SVG animation using SMIL. See SVG animation with SMIL for a brief overview. Full documentation for SVG is forthcoming. Someday.

There is also a description of the Mozilla support of the changes in SVG 2.

Element implementation status

A quick overview of the SVG 1.1 elements and the current status of the native support.

Element Notes
Structure Module
svg
  • Implemented.
  • currentScale and currentTranslate DOM attributes are implemented, but there is no pan and zoom user interface.
  • SVGSVGElement
    • Unimplemented attributes: contentScriptType, contentStyleType, viewport, currentView
    • Unimplemented bindings: getIntersectionList, getEnclosureList, checkIntersection, checkEnclosure
g
  • Implemented.
defs
  • Implemented.
desc
  • Implemented.
  • Only stored in the DOM, no user interface.
title
  • Implemented.
  • The title is displayed as a tooltip when the mouse hovers over the SVG object.
metadata
  • Implemented.
  • Only stored in the DOM, no user interface.
symbol
  • Implemented.
use
  • Implemented.
  • Doesn't completely follow <svg:use> cascading rules (bug 265894).
  • Doesn't deliver events to a SVGElementInstance tree (bug 265895).
Conditional Processing Module
switch
  • Implemented.
Image Module
image
  • Implemented.
Style Module
style
  • Implemented.
Shape Module
path
  • Implemented.
  • SVGPathElement Interface
    • Unimplemented attributes: normalizedPathSegList, animatedNormalizedPathSegList
rect
  • Implemented.
circle
  • Implemented.
line
  • Implemented.
ellipse
  • Implemented.
polyline
  • Implemented.
polygon
  • Implemented.
Text Module
text
  • Implemented.
  • Various presentation attributes don't work (alignment-baseline, baseline-shift, dominant-baseline, kerning, letter-spacing, word-spacing, writing-mode, glyph-orientation-horizontal, glyph-orientation-vertical)
  • Recently implemented presentation attributes: direction, unicode-bidi, font-variant, text-decoration
  • SVGTextElement
    • Recently imlemented bindings: selectSubString
    • Recently implemented attributes: textLength, lengthAdjust
tspan
  • Implemented.
  • Various presentation attributes don't work (alignment-baseline, baseline-shift, dominant-baseline, kerning, letter-spacing, word-spacing, writing-mode, glyph-orientation-horizontal, glyph-orientation-vertical)
  • Recently implemented presentation attributes: direction, unicode-bidi, font-variant, text-decoration
  • SVGTSpanElement
    • Recently implemented bindings: selectSubString
    • Recently implemented attributes: textLength, lengthAdjust
tref
  • This feature, present in early draft of the spec, has been removed from it and is therefor not implemented (bug 273171).
textPath
  • Implemented.
  • Recently implemented bindings: selectSubString
altGlyph
altGlyphDef
  • Not implemented.
altGlyphItem
  • Not implemented.
glyphRef
  • Not implemented.
Marker Module
marker
  • Implemented.
Color Profile Module
color-profile
Gradient Module
linearGradient
  • Implemented.
radialGradient
  • Implemented.
stop
  • Implemented.
Pattern Module
pattern
  • Implemented.
Clip Module
clipPath
  • Implemented.
Mask Module
mask
  • Implemented.
Filter Module
filter
  • Implemented.
  • Of the pseudo-inputs, SourceGraphic, SourceAlpha, FillPaint and StrokePaint are implemented.
  • Use of an unimplemented pseudo-input or filter element will cause the filter to be ignored and the referring graphic to be drawn without any filter.
feBlend
  • Implemented.
feColorMatrix
  • Implemented.
feComponentTransfer
  • Implemented.
feComposite
  • Implemented.
feConvolveMatrix
  • Implemented.
feDiffuseLighting
  • Implemented.
feDisplacementMap
  • Implemented.
feFlood
  • Implemented.
feGaussianBlur
  • Implemented.
feImage
  • Implemented.
  • Document fragments (bug 455986) aren't supported in <svg:feImage>.
feMerge
  • Implemented.
feMergeNode
  • Implemented.
feMorphology
  • Implemented.
feOffset
  • Implemented.
feSpecularLighting
  • Implemented.
feTile
  • Implemented.
feTurbulence
  • Implemented.
feDistantLight
  • Implemented.
fePointLight
  • Implemented.
feSpotLight
  • Implemented.
feFuncR
  • Implemented.
feFuncG
  • Implemented.
feFuncB
  • Implemented.
feFuncA
  • Implemented.
Cursor Module
cursor
Hyperlinking Module
a
  • Only xlink:href, xlink:show, xlink:target and xlink:title attributes implemented.
View Module
view
Scripting Module
script
  • Implemented.
Animation Module
animate
  • Implemented
set
  • Implemented
animateMotion
  • Implemented
animateTransform
  • Implemented
animateColor
mpath
  • Implemented
Font Module
font
font-face
  • Not implemented.
glyph
  • Not implemented.
missing-glyph
  • Not implemented.
hkern
  • Not implemented.
vkern
  • Not implemented.
font-face-src
  • Not implemented.
font-face-uri
  • Not implemented.
font-face-format
  • Not implemented.
font-face-name
  • Not implemented.
definition-src
  • Not implemented.
Extensibility Module
foreignObject
  • Implemented.

Document Tags and Contributors

Tags: 
 Contributors to this page: Sebastianz, Longsonr, teoli, kscarfone, ethertank, Dholbert, trevorh, Sheppy, fscholz, Taken, Arsen7, Soupdragon, Jürgen Jeka, Drew LeSueur, charlesreilly, Jonathan_Watt, Mvent2, Mgalli, MarkFinkle, Nightstrike, MarcDiethelm, Jeff Schiller, Pmsyyz, Gepstein6, Nickolay, Mgjbot, Okome, Ptak82, Tor, Callek, Koznak, BenoitL, Takenbot, Dria, Gavindoughtie, Bzbarsky
 Last updated by: Sebastianz,