SVG in Firefox

  • Revision slug: SVG_in_Firefox
  • Revision title: SVG in Firefox
  • Revision id: 58993
  • Created:
  • Creator: Dholbert
  • Is current revision? No
  • Comment add parens around the bug links that I added in previous revision.; 4 words added

Revision Content

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

{{ gecko_callout_heading("2.0") }}

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, useCurrentView, currentView
    • Unimplemented bindings: getIntersectionList, getEnclosureList, checkIntersection, checkEnclosure, deselectAll, getElementById
    • Recently implemented bindings:
      • pauseAnimations, unpauseAnimations, animationsPaused, getCurrentTime, setCurrentTime {{ gecko_minversion_inline("2") }}
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.{{ gecko_minversion_inline("2") }}
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. {{ gecko_minversion_inline("2") }}
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 {{ gecko_minversion_inline("2") }}
  • SVGTextElement
    • Unimplemented attributes: textLength, lengthAdjust
    • Unimplemented bindings: selectSubString
    • Recently implemented attributes: rotate {{ gecko_minversion_inline("2") }}
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 {{ gecko_minversion_inline("2") }}
  • SVGTSpanElement
    • Unimplemented attributes: textLength, lengthAdjust
    • Unimplemented bindings: selectSubString
    • Recently implemented attributes: rotate {{ gecko_minversion_inline("2") }}
tref
  • Not implemented ({{ Bug("273171") }}).
textPath
  • Implemented.
  • Unimplemented bindings: selectSubString
altGlyph
  • Implemented as tspans, no font features as of Gecko 2.0 ({{ Bug("456286") }}, {{ Bug("571808") }}).
altGlyphDef
  • Not implemented.
altGlyphItem
  • Not implemented.
glyphRef
  • Not implemented.
Marker Module
marker
  • Implemented.
Color Profile Module
color-profile
  • Not implemented ({{ Bug("427713") }}).
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, only SourceGraphic and SourceAlpha are implemented ({{ Bug("43755") }}).
  • 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.
  • Only works with raster images so far; SVG images ({{ bug("598204") }}) and 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
  • Not implemented ({{ Bug("177193") }}).
Hyperlinking Module
a
  • Only xlink:href, xlink:show, xlink:target and xlink:title attributes implemented.
View Module
view
  • Not implemented ({{ Bug("512525") }}).
Scripting Module
script
  • Implemented.
Animation Module
animate
  • Implemented in Gecko 2.0 {{ gecko_minversion_inline("2.0") }}
set
  • Implemented in Gecko 2.0 {{ gecko_minversion_inline("2.0") }}
animateMotion
  • Implemented in Gecko 2.0 ({{ Bug("436418") }}). {{ gecko_minversion_inline("2.0") }}
animateTransform
  • Implemented in Gecko 2.0 {{ gecko_minversion_inline("2.0") }}
animateColor
  • Not implemented ({{ Bug("436296") }}).
mpath
  • Implemented in Gecko 2.0 ({{ Bug("436418") }}). {{ gecko_minversion_inline("2.0") }}
Font Module
font
  • Not implemented ({{ Bug("119490") }}).
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.

{{ languages( { "es": "es/SVG/SVG_en_Firefox_1.5", "fr": "fr/SVG_dans_Firefox", "ja": "ja/SVG_in_Firefox", "pl": "pl/SVG_w_Firefoksie" } ) }}

Revision Source

<p>You can find some basic examples of SVG syntax and usage in the <a class="external" href="http://www.w3.org/Graphics/SVG/Test/20061213/">W3C SVG test suite</a>.</p>
<div class="geckoVersionNote">
<p>{{ gecko_callout_heading("2.0") }}</p>
<p>Gecko now supports SVG animation using SMIL. See <a href="/en/SVG/SVG_animation_with_SMIL" title="en/SVG/SVG animation with SMIL">SVG animation with SMIL</a> for a brief overview. Full documentation for SVG is forthcoming. Someday.</p>
</div>
<h2>Element implementation status</h2>
<p>A quick overview of the <a class=" external" href="http://www.w3.org/TR/SVG11/">SVG 1.1</a> elements and the current status of the native support.</p>
<table class="standard-table" style="border-collapse:separate"> <tbody> <tr> <th>Element</th> <th>Notes</th> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#basic-structure-mod">Structure Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#SVGElement">svg</a></td> <td> <ul> <li>Implemented.</li> <li><code>currentScale</code> and <code>currentTranslate</code> DOM attributes are implemented, but there is no pan and zoom user interface.</li> <li>SVGSVGElement <ul> <li>Unimplemented attributes: contentScriptType, contentStyleType, viewport, useCurrentView, currentView</li> <li>Unimplemented bindings: getIntersectionList, getEnclosureList, checkIntersection, checkEnclosure, deselectAll, getElementById</li> <li>Recently implemented bindings: <ul> <li>pauseAnimations, unpauseAnimations, animationsPaused, getCurrentTime, setCurrentTime {{ gecko_minversion_inline("2") }}</li> </ul> </li> </ul> </li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#GElement">g</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#DefsElement">defs</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#DescElement">desc</a></td> <td> <ul> <li>Implemented.</li> <li>Only stored in the DOM, no user interface.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#TitleElement">title</a></td> <td> <ul> <li>Implemented.</li> <li>Starting in Gecko 2.0, the <code>title</code> is displayed as a tooltip when the mouse hovers over the SVG object.{{ gecko_minversion_inline("2") }}</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/metadata.html#MetadataElement">metadata</a></td> <td> <ul> <li>Implemented.</li> <li>Only stored in the DOM, no user interface.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#SymbolElement">symbol</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#UseElement">use</a></td> <td> <ul> <li>Implemented.</li> <li>External document references is implemented in Firefox 3.5/Gecko 1.9.1 ({{ Bug("269482") }}).</li> <li>Doesn't completely follow &lt;svg:use&gt; cascading rules ({{ Bug("265894") }}).</li> <li>Doesn't deliver events to a SVGElementInstance tree ({{ Bug("265895") }}).</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#conditional-mod">Conditional Processing Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#SwitchElement">switch</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#image-mod">Image Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#ImageElement">image</a></td> <td> <ul> <li>Implemented.</li> <li>Before Gecko 2.0, &lt;svg:image&gt; only supports raster images ({{ Bug("272288") }}).</li> <li>Starting in Gecko 2.0, &lt;svg:image&gt; supports both raster and SVG images. {{ gecko_minversion_inline("2") }}</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/styling.html#style-mod">Style Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/styling.html#StyleElement">style</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#shape-mod">Shape Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/paths.html#PathElement">path</a></td> <td> <ul> <li>Implemented.</li> <li>SVGPathElement Interface <ul> <li>Unimplemented attributes: normalizedPathSegList, animatedNormalizedPathSegList</li> </ul> </li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#RectElement">rect</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#CircleElement">circle</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#LineElement">line</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#EllipseElement">ellipse</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#PolylineElement">polyline</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#PolygonElement">polygon</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/text.html#text-mod">Text Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TextElement">text</a></td> <td> <ul> <li>Implemented.</li> <li>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)</li> <li>Recently multiple values of x, y, dx, dy are implemented {{ gecko_minversion_inline("2") }}</li> <li>SVGTextElement <ul> <li>Unimplemented attributes: textLength, lengthAdjust</li> <li>Unimplemented bindings: selectSubString</li> <li>Recently implemented attributes: rotate {{ gecko_minversion_inline("2") }}</li> </ul> </li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TSpanElement">tspan</a></td> <td> <ul> <li>Implemented.</li> <li>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)</li> <li>Recently multiple values of x, y, dx, dy are implemented {{ gecko_minversion_inline("2") }}</li> <li>SVGTSpanElement <ul> <li>Unimplemented attributes: textLength, lengthAdjust</li> <li>Unimplemented bindings: selectSubString</li> <li>Recently implemented attributes: rotate {{ gecko_minversion_inline("2") }}</li> </ul> </li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TRefElement">tref</a></td> <td> <ul> <li>Not implemented ({{ Bug("273171") }}).</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TextPathElement">textPath</a></td> <td> <ul> <li>Implemented.</li> <li>Unimplemented bindings: selectSubString</li> </ul> </td> </tr> <tr style="color: black; background-color: yellow;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#AltGlyphElement">altGlyph</a></td> <td> <ul> <li>Implemented as tspans, no font features as of Gecko 2.0 ({{ Bug("456286") }}, {{ Bug("571808") }}).</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#AltGlyphDefElement">altGlyphDef</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#AltGlyphItemElement">altGlyphItem</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#GlyphRefElement">glyphRef</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/painting.html#marker-mod">Marker Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/painting.html#MarkerElement">marker</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/color.html#color-profile-mod">Color Profile Module</a></th> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/color.html#ColorProfileElement">color-profile</a></td> <td> <ul> <li>Not implemented ({{ Bug("427713") }}).</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#gradient-mod">Gradient Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#LinearGradientElement">linearGradient</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#RadialGradientElement">radialGradient</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#StopElement">stop</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#pattern-mod">Pattern Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#PatternElement">pattern</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#clip-mod">Clip Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#ClipPathElement">clipPath</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#mask-mod">Mask Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#MaskElement">mask</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#filter-mod">Filter Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#FilterElement">filter</a></td> <td> <ul> <li>Implemented.</li> <li>Of the pseudo-inputs, only <code>SourceGraphic</code> and <code>SourceAlpha</code> are implemented ({{ Bug("43755") }}).</li> <li>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.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feBlendElement">feBlend</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feColorMatrixElement">feColorMatrix</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feComponentTransferElement">feComponentTransfer</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feCompositeElement">feComposite</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElement">feConvolveMatrix</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feDiffuseLightingElement">feDiffuseLighting</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feDisplacementMapElement">feDisplacementMap</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFloodElement">feFlood</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feGaussianBlurElement">feGaussianBlur</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feImageElement">feImage</a></td> <td> <ul> <li>Implemented.</li> <li>Only works with raster images so far; SVG images ({{ bug("598204") }}) and document fragments ({{ bug("455986") }}) aren't supported in &lt;svg:feImage&gt;.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feMergeElement">feMerge</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feMergeNodeElement">feMergeNode</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feMorphologyElement">feMorphology</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feOffsetElement">feOffset</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feSpecularLightingElement">feSpecularLighting</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feTileElement">feTile</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feTurbulenceElement">feTurbulence</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feDistantLightElement">feDistantLight</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#fePointLightElement">fePointLight</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feSpotLightElement">feSpotLight</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncRElement">feFuncR</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncGElement">feFuncG</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncBElement">feFuncB</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncAElement">feFuncA</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/interact.html#cursor-mod">Cursor Module</a></th> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/interact.html#CursorElement">cursor</a></td> <td> <ul> <li>Not implemented ({{ Bug("177193") }}).</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#hyperlinking-mod">Hyperlinking Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#AElement">a</a></td> <td> <ul> <li>Only <code>xlink:href</code>, <code>xlink:show</code>, <code>xlink:target</code> and <code>xlink:title</code> attributes implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#view-mod">View Module</a></th> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#ViewElement">view</a></td> <td> <ul> <li>Not implemented ({{ Bug("512525") }}).</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/script.html#scripting-mod">Scripting Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/script.html#ScriptElement">script</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#animation-mod">Animation Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateElement">animate</a></td> <td> <ul> <li>Implemented in Gecko 2.0 {{ gecko_minversion_inline("2.0") }}</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#SetElement">set</a></td> <td> <ul> <li>Implemented in Gecko 2.0 {{ gecko_minversion_inline("2.0") }}</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateMotionElement">animateMotion</a></td> <td> <ul> <li>Implemented in Gecko 2.0 ({{ Bug("436418") }}). {{ gecko_minversion_inline("2.0") }}</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateTransformElement">animateTransform</a></td> <td> <ul> <li>Implemented in Gecko 2.0 {{ gecko_minversion_inline("2.0") }}</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateColorElement">animateColor</a></td> <td> <ul> <li>Not implemented ({{ Bug("436296") }}).</li> </ul> </td> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#mpathElement">mpath</a></td> <td> <ul> <li>Implemented in Gecko 2.0 ({{ Bug("436418") }}). {{ gecko_minversion_inline("2.0") }}</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#font-mod">Font Module</a></th> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontElement" title="http://www.w3.org/TR/SVG11/fonts.html#FontElement">font</a></td> <td> <ul> <li>Not implemented ({{ Bug("119490") }}).</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#GlyphElement">glyph</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#MissingGlyphElement">missing-glyph</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#HKernElement">hkern</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#VKernElement">vkern</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceSrcElement">font-face-src</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face-uri</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face-format</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face-name</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#DefinitionSrcElement">definition-src</a></td> <td> <ul> <li>Not implemented.</li> </ul> </td> </tr> <tr> <th colspan="2" style="text-align:center"><a class="external" href="http://www.w3.org/TR/SVG11/extend.html#extensibility-mod">Extensibility Module</a></th> </tr> <tr style="color: black; background-color: lightgreen;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/extend.html#ForeignObjectElement">foreignObject</a></td> <td> <ul> <li>Implemented.</li> </ul> </td> </tr> </tbody>
</table>
<p>{{ languages( { "es": "es/SVG/SVG_en_Firefox_1.5", "fr": "fr/SVG_dans_Firefox", "ja": "ja/SVG_in_Firefox", "pl": "pl/SVG_w_Firefoksie" } ) }}</p>
Revert to this revision