Firefox の SVG 1.1 対応状況

SVG の構文と使い方の基本的な例は、 W3C SVG test suite にあります。

注: Gecko 2.0 より、Gecko は SMIL を用いた SVG アニメーションに対応しています。簡単な概要についてはSMIL を用いた SVG アニメーションを参照してください。 SVG の完全なドキュメントは近日公開予定です。いつの日か。

SVG 2 の変更についての Mozilla の対応の解説もあります。

要素の実装状況

SVG 1.1 の要素とネイティブサポートの状況の概略です。

要素 備考
Structure モジュール
svg
  • 実装済み。
  • DOM 属性 currentScalecurrentTranslate は実装されていますが、パンとズームのユーザーインターフェイスはありません。
  • SVGSVGElement
    • 未実装の属性: contentScriptType, contentStyleType, viewport, currentView
    • 未実装のバインディング: getIntersectionList, getEnclosureList, checkIntersection, checkEnclosure
g
  • 実装済み。
defs
  • 実装済み。
desc
  • 実装済み。
  • DOM に保存されるのみでユーザーインターフェイスなし。
title
  • 実装済み。
  • title は SVG オブジェクト上でマウスを静止させるとツールチップとして表示されます。
metadata
  • 実装済み。
  • DOM に保存されるのみでユーザーインターフェイスなし。
symbol
  • 実装済み。
use
  • 実装済み。
  • <svg:use> カスケーディング規則に完全に従っていない (バグ 265894)。
  • SVGElementInstance ツリーにイベントを伝えない (バグ 265895)。
Conditional Processing モジュール
switch
  • 実装済み。
Image モジュール
image
  • 実装済み。
Style モジュール
style
  • 実装済み。
Shape モジュール
path
  • 実装済み。
  • SVGPathElement インターフェイス
    • 未実装の属性: normalizedPathSegList, animatedNormalizedPathSegList
rect
  • 実装済み。
circle
  • 実装済み。
line
  • 実装済み。
ellipse
  • 実装済み。
polyline
  • 実装済み。
polygon
  • 実装済み。
Text モジュール
text
  • 実装済み。
  • さまざまなプレゼンテーション属性が機能しません (alignment-baseline, baseline-shift, dominant-baseline, kerning, letter-spacing, word-spacing, writing-mode, glyph-orientation-horizontal, glyph-orientation-vertical)
  • 最近実装されたプレゼンテーション属性: direction, unicode-bidi, font-variant, text-decoration
  • SVGTextElement
    • 最近実装されたバインディング: selectSubString
    • 最近実装された属性: textLength, lengthAdjust
tspan
  • 実装済み。
  • さまざまなプレゼンテーション属性が機能しません (alignment-baseline, baseline-shift, dominant-baseline, kerning, letter-spacing, word-spacing, writing-mode, glyph-orientation-horizontal, glyph-orientation-vertical)
  • 最近実装されたプレゼンテーション属性: direction, unicode-bidi, font-variant, text-decoration
  • SVGTSpanElement
    • 最近実装されたバインディング: selectSubString
    • 最近実装された属性: textLength, lengthAdjust
tref
  • この機能は、仕様書の早期の草稿にありましたが、のちに削除されたので実装されていません (バグ 273171)。
textPath
  • 実装済み。
  • 未実装のバインディング: selectSubString
altGlyph
altGlyphDef
  • 未実装。
altGlyphItem
  • 未実装。
glyphRef
  • 未実装。
Marker モジュール
marker
  • 実装済み。
Color Profile モジュール
color-profile
Gradient モジュール
linearGradient
  • 実装済み。
radialGradient
  • 実装済み。
stop
  • 実装済み。
Pattern モジュール
pattern
  • 実装済み。
Clip モジュール
clipPath
  • 実装済み。
Mask モジュール
mask
  • 実装済み。
Filter モジュール
filter
  • 実装済み。
  • 擬似画像入力は SourceGraphicSourceAlpha のみ実装。
  • 未実装の擬似画像入力かフィルター要素を使うとそのフィルターは無視され、参照された画像はフィルター無しで表示されます。
feBlend
  • 実装済み。
feColorMatrix
  • 実装済み。
feComponentTransfer
  • 実装済み。
feComposite
  • 実装済み。
feConvolveMatrix
  • 実装済み。
feDiffuseLighting
  • 実装済み。
feDisplacementMap
  • 実装済み。
feFlood
  • 実装済み。
feGaussianBlur
  • 実装済み。
feImage
  • 実装済み
  • 文書フラグメント (バグ 455986) は <svg:feImage> では対応していません。
feMerge
  • 実装済み。
feMergeNode
  • 実装済み。
feMorphology
  • 実装済み。
feOffset
  • 実装済み。
feSpecularLighting
  • 実装済み。
feTile
  • 実装済み。
feTurbulence
  • 実装済み。
feDistantLight
  • 実装済み。
fePointLight
  • 実装済み。
feSpotLight
  • 実装済み。
feFuncR
  • 実装済み。
feFuncG
  • 実装済み。
feFuncB
  • 実装済み。
feFuncA
  • 実装済み。
Cursor モジュール
cursor
Hyperlinking モジュール
a
  • xlink:href, xlink:show, xlink:target, xlink:title 属性のみ実装済み。
View モジュール
view
Scripting モジュール
script
  • 実装済み。
Animation モジュール
animate
  • 実装済み。
set
  • 実装済み。
animateMotion
  • 実装済み。
animateTransform
  • 実装済み。
animateColor
mpath
  • 実装済み。
Font Module
font
font-face
  • 未実装。
glyph
  • 未実装。
missing-glyph
  • 未実装。
hkern
  • 未実装。
vkern
  • 未実装。
font-face-src
  • 未実装。
font-face-uri
  • 未実装。
font-face-format
  • 未実装。
font-face-name
  • 未実装。
definition-src
  • 未実装。
Extensibility モジュール
foreignObject
  • 実装済み。