MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
Your Search Results

    SVG 1.1 Support in Firefox

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

    Note: As of Gecko 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, currentView
      • Unimplemented bindings: getIntersectionList, getEnclosureList, checkIntersection, checkEnclosure, deselectAll
      • Recently implemented bindings:
        • getElementById , useCurrentView
    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 Requires Gecko 25
    • SVGTextElement
      • Recently imlemented bindings: selectSubString Requires Gecko 25
      • Recently implemented attributes: textLength, lengthAdjust Requires Gecko 25
    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 Requires Gecko 25
    • SVGTSpanElement
      • Recently implemented bindings: selectSubStringRequires Gecko 25
      • Recently implemented attributes: textLength, lengthAdjust Requires Gecko 25
    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: selectSubStringRequires Gecko 25
    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.