SVG in Firefox

  • Revision slug: SVG_in_Firefox
  • Revision title: SVG in Firefox
  • Revision id: 58976
  • Created:
  • Creator: Soupdragon
  • Is current revision? No
  • Comment 1 words added, 1 words removed

Revision Content

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

Element implementation status

  • SVGPathSegList Interface
    • Unimplemented bindings: replaceItem()
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:
      • createSVGAngle {{ gecko_minversion_inline("1.8.1") }}
      • pauseAnimations, unpauseAnimations, animationsPaused, getCurrentTime, setCurrentTime {{ gecko_minversion_inline("1.9.2") }} (need to toggle 'svg.smil.enabled' pref)
g
  • Implemented.
defs
  • Implemented.
desc
  • Implemented.
  • Only stored in the DOM, no user interface.
title
  • Implemented.
metadata
  • Implemented.
  • Only stored in the DOM, no user interface.
symbol
  • Implemented.
use
  • Implemented.
  • Only works for internal document references ({{ 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.
  • Only works for raster images ({{ Bug("272288") }}).
Style Module
style
  • Implemented.
Shape Module
path
  • Implemented.
  • SVGPathElement Interface
    • Unimplemented attributes: pathLength, normalizedPathSegList, animatedPathSegList, animatedNormalizedPathSegList
    • Unimplemented bindings: getTotalLength,
    • getPointAtLength (implemented in Firefox 2), getPathSegAtLength
rect
  • Implemented.
circle
  • Implemented.
line
  • Implemented.
ellipse
  • Implemented.
polyline
  • Implemented.
polygon
  • Implemented.
Text Module
text
  • Implemented.
  • SVGTextElement
    • Unimplemented attributes: rotate, textLength, lengthAdjust
    • Unimplemented presentation attributes: alignment-baseline, baseline-shift
    • Unimplemented bindings: getNumberOfChars, getSubStringLength, getStartPositionOfChar, getEndPositionOfChar, getRotationOfChar, getCharNumAtPosition, selectSubString
    • Bindings not functional at onload time: getExtentOfChar
tspan
  • Implemented.
  • SVGTSpanElement
    • Unimplemented attributes: rotate, textLength, lengthAdjust
    • Unimplemented presentation attributes: alignment-baseline, baseline-shift
    • Unimplemented unit identifier: em (for use in attributes dx, dy) ({{ Bug("305859") }})
    • Unimplemented bindings: getNumberOfChars,
    • getComputedTextLength (implemented in Firefox 2), getSubStringLength, getStartPositionOfChar, getEndPositionOfChar, getExtentOfChar, getRotationOfChar, getCharNumAtPosition, selectSubString
tref
  • Not implemented.
textPath
  • Implemented in Firefox 2.
  • Unimplemented attributes: method, spacing, textLength, lengthAdjust
altGlyph
  • Not implemented.
altGlyphDef
  • Not implemented.
altGlyphItem
  • Not implemented.
glyphRef
  • Not implemented.
Marker Module
marker
  • Implemented.
Color Profile Module
color-profile
  • Not implemented.
Gradient Module
linearGradient
  • Implemented.
radialGradient
  • Implemented.
stop
  • Implemented.
Pattern Module
pattern
  • Implemented in Firefox 3.
Clip Module
clipPath
  • Implemented.
  • Won't handle clip paths which have elements with different clip-rule properties or that reference other clipPaths. ({{ Bug("267224") }}).
Mask Module
mask
  • Implemented in Firefox 3.
Filter Module
filter
  • Implemented in Firefox 3.
feBlend
feColorMatrix
  • Implemented in Firefox 3.
feComponentTransfer
  • Implemented in Firefox 3.
feComposite
  • Implemented in Firefox 3.
feConvolveMatrix
  • Implemented in Firefox 3.
feDiffuseLighting
  • Implemented in Firefox 3.
feDisplacementMap
  • Implemented in Firefox 3.
feFlood
  • Implemented in Firefox 3.
feGaussianBlur
  • Implemented in Firefox 3.
feImage
  • Implemented in Firefox 3.
feMerge
  • Implemented in Firefox 3.
feMergeNode
  • Implemented in Firefox 3.
feMorphology
  • Implemented in Firefox 3.
feOffset
  • Implemented in Firefox 3.
feSpecularLighting
  • Implemented in Firefox 3.
feTile
  • Implemented in Firefox 3.
feTurbulence
  • Implemented in Firefox 3.
feDistantLight
  • Implemented in Firefox 3.
fePointLight
  • Implemented in Firefox 3.
feSpotLight
  • Implemented in Firefox 3.
feFuncR
  • Implemented in Firefox 3.
feFuncG
  • Implemented in Firefox 3.
feFuncB
  • Implemented in Firefox 3.
feFuncA
  • Implemented in Firefox 3.
Cursor Module
cursor
  • Not implemented.
Hyperlinking Module
a
  • Implemented as an XBL binding - object is not of type SVGAElement.
  • Only xlink:href, xlink:show, and xlink:target (as of Firefox 2) attributes implemented.
View Module
view
  • Not implemented.
Scripting Module
script
  • Implemented.
Animation Module
animate
  • Implemented in Firefox 3.6. (need to toggle 'svg.smil.enabled' pref)
set
  • Implemented in Firefox 3.6. (need to toggle 'svg.smil.enabled' pref)
animateMotion
  • Not implemented.
animateTransform
  • Implemented in Firefox 3.6. (need to toggle 'svg.smil.enabled' pref)
animateColor
  • Not implemented.
mpath
  • Not implemented.
Font Module
font
  • Not implemented.
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 in Firefox 3.

{{ 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>
<h2>Element implementation status</h2>
<ul> <li>SVGPathSegList Interface <ul> <li>Unimplemented bindings: replaceItem()</li> </ul> </li>
</ul>
<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>createSVGAngle {{ gecko_minversion_inline("1.8.1") }}</li> <li>pauseAnimations, unpauseAnimations, animationsPaused, getCurrentTime, setCurrentTime {{ gecko_minversion_inline("1.9.2") }} (need to toggle 'svg.smil.enabled' pref)</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> </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>Only works for internal document references ({{ 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>Only works for raster images ({{ Bug("272288") }}).</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: pathLength, normalizedPathSegList, animatedPathSegList, animatedNormalizedPathSegList</li> <li>Unimplemented bindings: getTotalLength,</li> <del>getPointAtLength</del> (implemented in Firefox 2), getPathSegAtLength</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>SVGTextElement <ul> <li>Unimplemented attributes: rotate, textLength, lengthAdjust</li> <li>Unimplemented presentation attributes: alignment-baseline, baseline-shift</li> <li>Unimplemented bindings: getNumberOfChars, getSubStringLength, getStartPositionOfChar, getEndPositionOfChar, getRotationOfChar, getCharNumAtPosition, selectSubString</li> <li>Bindings not functional at<code> onload </code>time: getExtentOfChar</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>SVGTSpanElement <ul> <li>Unimplemented attributes: rotate, textLength, lengthAdjust</li> <li>Unimplemented presentation attributes: alignment-baseline, baseline-shift</li> <li>Unimplemented unit identifier: em (for use in attributes dx, dy) ({{ Bug("305859") }})</li> <li>Unimplemented bindings: getNumberOfChars,</li> <del>getComputedTextLength</del> (implemented in Firefox 2), getSubStringLength, getStartPositionOfChar, getEndPositionOfChar, getExtentOfChar, getRotationOfChar, getCharNumAtPosition, selectSubString</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.</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 in Firefox 2.</li> <li>Unimplemented attributes: method, spacing, textLength, lengthAdjust</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#AltGlyphElement">altGlyph</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#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.</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 in Firefox 3.</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> <li>Won't handle clip paths which have elements with different clip-rule properties or that reference other clipPaths. ({{ Bug("267224") }}).</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</li> <li>Possible Error <a class="external" href="http://coolstufflist.com/svg-feblend-additive/index.php" title="http://coolstufflist.com/svg-feblend-additive/index.php">http://coolstufflist.com/svg-feblend-additive/index.php</a></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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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 in Firefox 3.</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.</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>Implemented as an XBL binding - object is not of type <code>SVGAElement</code>.</li> <li>Only<code> xlink:href</code>,<code> xlink:show</code>, and<code> xlink:target</code> (as of Firefox 2) 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.</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 Firefox 3.6. (need to toggle 'svg.smil.enabled' pref)</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 Firefox 3.6. (need to toggle 'svg.smil.enabled' pref)</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateMotionElement">animateMotion</a></td> <td> <ul> <li>Not implemented.</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 Firefox 3.6. (need to toggle 'svg.smil.enabled' pref)</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.</li> </ul> </td> </tr> <tr style="color: black; background-color: salmon;"> <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#mpathElement">mpath</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/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#FontFaceElement">font</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</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 in Firefox 3.</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