Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

SVG in Firefox 1.5

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

Gecko 2.0 note
(Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1)

Gecko now supports SVG animation using SMIL. See SVG animation with SMIL for a brief overview. Full documentation for SVG is forthcoming. Someday.

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, deselectAll
    • Recently implemented bindings:
      • pauseAnimations, unpauseAnimations, animationsPaused, getCurrentTime, setCurrentTime , getElementById , useCurrentView
g
  • Implemented.
defs
  • Implemented.
desc
  • Implemented.
  • Only stored in the DOM, no user interface.
title
  • Implemented.
  • Starting in Gecko 2.0, 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.
  • External document references is implemented in Firefox 3.5/Gecko 1.9.1 (bug 269482).
  • 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.
  • Before Gecko 2.0, <svg:image> only supports raster images (bug 272288).
  • Starting in Gecko 2.0, <svg:image> supports both raster and SVG images.
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, font-variant, kerning, letter-spacing, word-spacing, text-decoration, direction, unicode-bidi, writing-mode, glyph-orientation-horizontal, glyph-orientation-vertical)
  • Recently multiple values of x, y, dx, dy are implemented
  • SVGTextElement
    • Unimplemented attributes: textLength, lengthAdjust
    • Unimplemented bindings: selectSubString
    • Recently implemented attributes: rotate
tspan
  • Implemented.
  • Various presentation attributes don't work (alignment-baseline, baseline-shift, dominant-baseline, font-variant, kerning, letter-spacing, word-spacing, text-decoration, direction, unicode-bidi, writing-mode, glyph-orientation-horizontal, glyph-orientation-vertical)
  • Recently multiple values of x, y, dx, dy are implemented
  • SVGTSpanElement
    • Unimplemented attributes: textLength, lengthAdjust
    • Unimplemented bindings: selectSubString
    • Recently implemented attributes: rotate
tref
textPath
  • Implemented.
  • Unimplemented 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 Requires Gecko 17 and StrokePaint Requires Gecko 17 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.
  • Before Gecko 2.0, <svg:feImage> only supports raster images.
  • Starting in Gecko 2.0, <svg:feImage> supports both raster and SVG images.
  • 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 in Gecko 2.0
set
  • Implemented in Gecko 2.0
animateMotion
animateTransform
  • Implemented in Gecko 2.0
animateColor
mpath
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

 Contributors to this page: Sheppy
 Last updated by: Sheppy,