--- title: Firefox の SVG 実装状況 slug: SVG_in_Firefox tags: - Firefox - SVG translation_of: Web/SVG/SVG_1.1_Support_in_Firefox ---

W3C SVG test suite に、いくつかの基本的な SVG 構文と使用例があります。

{{gecko_callout_heading("2.0")}}

Gecko は 現在、SMIL を用いての SVG アニメーションをサポートしています。概要については、『SMIL を用いた SVG アニメーション』 をご覧下さい。SVG の完全なドキュメントはまだ完成に向けて作成中です。

要素の実装状況

SVG 1.1 要素の簡単な概要および現在のネイティブサポート状況を以下に列挙します。

要素 注記
Structure モジュール
svg
  • 実装済
  • currentScale 属性と currentTranslate 属性は実装されていますが、パンとズームのユーザインターフェースは有りません。
  • SVGSVGElement
    • 未実装の属性 : contentScriptTypecontentStyleTypeviewportcurrentView
    • 未実装のバインディング : getIntersectionListgetEnclosureListcheckIntersectioncheckEnclosuredeselectAll
    • 最近実装されたバインディング :
      • pauseAnimationsunpauseAnimationsanimationsPausedgetCurrentTimesetCurrentTime {{gecko_minversion_inline("2")}} 、 getElementById {{gecko_minversion_inline("11")}} 、 useCurrentView {{gecko_minversion_inline("15")}}
g
  • 実装済
defs
  • 実装済
desc
  • 実装済
  • DOM に保存されるだけでユーザインタフェースは無し
title
  • 実装済
  • Gecko 2.0 より、SVG オブジェクトにマウスを重ねると title 属性値が表示されるようになった {{gecko_minversion_inline("2")}}
metadata
  • 実装済
  • DOM に保存されるだけでユーザインタフェースは無し
symbol
  • 実装済
use
  • 実装済
  • Firefox 3.5/Gecko 1.9.1 で外部文書への参照が実装された ({{Bug(269482)}})
  • <svg:use> カスケーディング規則に完全に従っていない ({{Bug(265894)}})
  • SVGElementInstance ツリーにイベントを伝えない ({{Bug(265895)}})
Conditional Processing モジュール
switch
  • 実装済
Image モジュール
image
  • 実装済
  • Gecko 2.0 以前では <svg:image> はラスタ画像のみサポート ({{Bug(272288)}}).
  • Gecko 2.0 より、 <svg:image> はラスタ画像と SVG 画像をサポート {{gecko_minversion_inline("2")}}
Style モジュール
style
  • 実装済
Shape モジュール
path
  • 実装済
  • SVGPathElement Interface
    • 未実装の属性 : normalizedPathSegList, animatedNormalizedPathSegList
rect
  • 実装済
circle
  • 実装済
line
  • 実装済
ellipse
  • 実装済
polyline
  • 実装済
polygon
  • 実装済
Text モジュール
text
  • 実装済
  • 多くのプレゼンテーション属性が動作せず : (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)
  • x, y, dx, dy 属性が複数の値を取れるようになった。 {{gecko_minversion_inline("2")}}
  • SVGTextElement
    • 未実装の属性 : textLengthlengthAdjust
    • 未実装のバインディング : selectSubString
    • 追加属性 : rotate {{gecko_minversion_inline("2")}}
tspan
  • 実装済
  • 多くのプレゼンテーション属性が動作せず : (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)
  • x, y, dx, dy 属性が複数の値を取れるようになった。 {{gecko_minversion_inline("2")}}
  • SVGTSpanElement
    • 未実装の属性 : textLengthlengthAdjust
    • 未実装のバインディング : selectSubString
    • 追加属性 : rotate {{gecko_minversion_inline("2")}}
tref
  • 未実装 ({{Bug(273171)}}).
textPath
  • 実装済
  • 未実装バインディング : selectSubString
altGlyph
  • Gecko 2.0 では tspan として実装され、フォント機能は無い ({{Bug(456286)}} / {{Bug(571808)}}).
altGlyphDef
  • 未実装
altGlyphItem
  • 未実装
glyphRef
  • 未実装
Marker モジュール
marker
  • 実装済
Color Profile モジュール
color-profile
  • 未実装 ({{Bug(427713)}}).
Gradient モジュール
linearGradient
  • 実装済
radialGradient
  • 実装済
stop
  • 実装済
Pattern モジュール
pattern
  • 実装済
Clip モジュール
clipPath
  • 実装済
Mask モジュール
mask
  • 実装済
Filter モジュール
filter
  • 実装済
  • 擬似入力として次のものが実装されている : SourceGraphicSourceAlphaFillPaint {{gecko_minversion_inline("17")}}
    StrokePaint が実装済 {{gecko_minversion_inline("17")}}
  • 未実装の擬似入力ないしフィルタ要素を使った場合、フィルタは無視され対応する図形はフィルタ無しで表示される
feBlend
  • 実装済
feColorMatrix
  • 実装済
feComponentTransfer
  • 実装済
feComposite
  • 実装済
feConvolveMatrix
  • 実装済
feDiffuseLighting
  • 実装済
feDisplacementMap
  • 実装済
feFlood
  • 実装済
feGaussianBlur
  • 実装済
feImage
  • 実装済
  • Gecko 2.0 以前は <svg:feImage> はラスタ画像のみサポート
  • Gecko 2.0 より、 <svg:feImage> はラスタ画像と SVG 画像をサポート {{gecko_minversion_inline("2")}}
  • ドキュメントフラグメントは <svg:feImage> で未サポート ({{bug(455986)}})
feMerge
  • 実装済
feMergeNode
  • 実装済
feMorphology
  • 実装済
feOffset
  • 実装済
feSpecularLighting
  • 実装済
feTile
  • 実装済
feTurbulence
  • 実装済
feDistantLight
  • 実装済
fePointLight
  • 実装済
feSpotLight
  • 実装済
feFuncR
  • 実装済
feFuncG
  • 実装済
feFuncB
  • 実装済
feFuncA
  • 実装済
Cursor モジュール
cursor
  • 未実装 ({{Bug(177193)}}).
Hyperlinking モジュール
a
  • 次の属性のみ実装 : xlink:hrefxlink:showxlink:targetxlink:title
View モジュール
view
  • Gecko 15.0 で実装済 ({{Bug(512525)}}) {{gecko_minversion_inline("15.0")}}
Scripting モジュール
script
  • 実装済
Animation モジュール
animate
  • Gecko 2.0 で実装済 {{gecko_minversion_inline("2.0")}}
set
  • Gecko 2.0 で実装済 {{gecko_minversion_inline("2.0")}}
animateMotion
  • Gecko 2.0 で実装済 ({{Bug(436418)}}). {{gecko_minversion_inline("2.0")}}
animateTransform
  • Gecko 2.0 で実装済 {{gecko_minversion_inline("2.0")}}
animateColor
  • 未実装 ({{Bug(436296)}}).
mpath
  • Gecko 2.0 で実装済 ({{Bug(436418)}}). {{gecko_minversion_inline("2.0")}}
Font モジュール
font
  • 未実装 ({{Bug(119490)}}).
font-face
  • 未実装
glyph
  • 未実装
missing-glyph
  • 未実装
hkern
  • 未実装
vkern
  • 未実装
font-face-src
  • 未実装
font-face-uri
  • 未実装
font-face-format
  • 未実装
font-face-name
  • 未実装
definition-src
  • 未実装
Extensibility モジュール
foreignObject
  • 実装済