Visit Mozilla.org

SVG in Firefox

出典: MDC


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


[編集] 要素の実装状況

要素 備考
Structure モジュール【訳注: 日本語訳
svg【訳注: 日本語訳
  • 実装済み。
  • currentScalecurrentTranslate DOM 属性は実装されていますがパンとズームのユーザーインターフェースは有りません。
  • SVGSVGElement
    • 未実装の属性: contentScriptType, contentStyleType, viewport, useCurrentView, currentView
    • 未実装のバインディング: pauseAnimations, unpauseAnimations, animationsPaused, getCurrentTime, setCurrentTime, getIntersectionList, getEnclosureList, checkIntersection, checkEnclosure, deselectAll, createSVGAngle(Firefox 2 で実装), getElementById
g【訳注: 日本語訳
  • 実装済み。
defs【訳注: 日本語訳
  • 実装済み。
desc【訳注: 日本語訳
  • 実装済み。
  • DOM に保存されるだけでユーザインタフェースは無し。
title【訳注: 日本語訳
  • 実装済み。
metadata【訳注: 日本語訳
  • 実装済み。
  • DOM に保存されるだけでユーザインタフェースは無し。
symbol【訳注: 日本語訳
  • 実装済み。
use【訳注: 日本語訳
  • 実装済み。
  • ドキュメント内の参照のみ動作(bug 269482)。
  • <svg:use> カスケーディング規則に完全に従っていない(bug 265894)。
  • SVGElementInstance ツリーにイベントを伝えない(bug 265895)。
Conditional Processing モジュール【訳注: 日本語訳
switch【訳注: 日本語訳
  • 実装済み。
Image モジュール【訳注: 日本語訳
image【訳注: 日本語訳
  • 実装済み。
  • ラスタ画像のみ動作(bug 272288)。
Style モジュール【訳注: 日本語訳
style【訳注: 日本語訳
  • 実装済み。
Shape モジュール【訳注: 日本語訳
path【訳注: 日本語訳
  • 実装済み。
  • SVGPathElement インターフェース
    • 未実装の属性: pathLength, normalizedPathSegList, animatedPathSegList, animatedNormalizedPathSegList
    • 未実装のバインディング: getTotalLength, getPointAtLength(Firefox 2 で実装), getPathSegAtLength
  • SVGPathSegList インターフェース
    • 未実装のバインディング: replaceItem()
rect【訳注: 日本語訳
  • 実装済み。
circle【訳注: 日本語訳
  • 実装済み。
line【訳注: 日本語訳
  • 実装済み。
ellipse【訳注: 日本語訳
  • 実装済み。
polyline【訳注: 日本語訳
  • 実装済み。
polygon【訳注: 日本語訳
  • 実装済み。
Text モジュール【訳注: 日本語訳
text【訳注: 日本語訳
  • 実装済み。
  • SVGTextElement
    • 未実装の属性: rotate, textLength, lengthAdjust
    • 未実装のバインディング: getNumberOfChars, getSubStringLength, getStartPositionOfChar, getEndPositionOfChar, getRotationOfChar, getCharNumAtPosition, selectSubString
    • onload 時に機能しないバインディング: getExtentOfChar
tspan【訳注: 日本語訳
  • 実装済み。
  • SVGTSpanElement
    • 未実装の属性: rotate, textLength, lengthAdjust
    • 未実装の単位: em (dx,dy 属性で使われる)(bug 305859)
    • 未実装のバインディング: getNumberOfChars, getComputedTextLength(Firefox 2 で実装), getSubStringLength, getStartPositionOfChar, getEndPositionOfChar, getExtentOfChar, getRotationOfChar, getCharNumAtPosition, selectSubString
tref【訳注: 日本語訳
  • 未実装。
textPath【訳注: 日本語訳
  • Firefox 2 で実装。
  • 未実装の属性: method, spacing, textLength, lengthAdjust
altGlyph【訳注: 日本語訳
  • 未実装。
altGlyphDef【訳注: 日本語訳
  • 未実装。
altGlyphItem【訳注: 日本語訳
  • 未実装。
glyphRef【訳注: 日本語訳
  • 未実装。
Marker モジュール【訳注: 日本語訳
marker【訳注: 日本語訳
  • 実装済み。
Color Profile モジュール【訳注: 日本語訳
color-profile【訳注: 日本語訳
  • 未実装。
Gradient モジュール【訳注: 日本語訳
linearGradient【訳注: 日本語訳
  • 実装済み。
radialGradient【訳注: 日本語訳
  • 実装済み。
stop【訳注: 日本語訳
  • 実装済み。
Pattern モジュール【訳注: 日本語訳
pattern【訳注: 日本語訳
  • Firefox 3 で実装。
Clip モジュール【訳注: Clip 日本語訳
clipPath【訳注: 日本語訳
  • 実装済み。
  • 異なった clip-rule プロパティか他の clipPath を参照した要素に指定された clip path を処理しない (bug 267224)。
Mask モジュール【訳注: 日本語訳
mask【訳注: 日本語訳
  • Firefox 3 で実装。
  • Mask のレンダリングが MacOSX で失敗する (bug 407350)
Filter モジュール【訳注: 日本語訳
filter【訳注: 日本語訳
  • Firefox 3 で実装。
feBlend【訳注: 日本語訳
  • Firefox 3 で実装。
feColorMatrix【訳注: 日本語訳
  • Firefox 3 で実装。
feComponentTransfer【訳注: 日本語訳
  • Firefox 3 で実装。
feComposite【訳注: 日本語訳
  • Firefox 3 で実装。
feConvolveMatrix【訳注: 日本語訳
  • Firefox 3 で実装。
feDiffuseLighting【訳注: 日本語訳
  • Firefox 3 で実装。
feDisplacementMap【訳注: 日本語訳
  • 未実装。
feFlood【訳注: 日本語訳
  • Firefox 3 で実装。
feGaussianBlur【訳注: 日本語訳
  • Firefox 3 で実装。
feImage【訳注: 日本語訳
  • 未実装。
feMerge【訳注: 日本語訳
  • Firefox 3 で実装。
feMergeNode【訳注: 日本語訳
  • Firefox 3 で実装。
feMorphology【訳注: 日本語訳
  • Firefox 3 で実装。
feOffset【訳注: 日本語訳
  • Firefox 3 で実装。
feSpecularLighting【訳注: 日本語訳
  • Firefox 3 で実装。
feTile【訳注: 日本語訳
  • Firefox 3 で実装。
feTurbulence【訳注: 日本語訳
  • Firefox 3 で実装。
feDistantLight【訳注: 日本語訳
  • Firefox 3 で実装。
fePointLight【訳注: 日本語訳
  • Firefox 3 で実装。
feSpotLight【訳注: 日本語訳
  • 未実装。
feFuncR【訳注: 日本語訳
  • Firefox 3 で実装。
feFuncG【訳注: 日本語訳
  • Firefox 3 で実装。
feFuncB【訳注: 日本語訳
  • Firefox 3 で実装。
feFuncA【訳注: 日本語訳
  • Firefox 3 で実装。
Cursor モジュール【訳注: 日本語訳
cursor【訳注: 日本語訳
  • 未実装。
Hyperlinking モジュール【訳注: 日本語訳
a【訳注: 日本語訳
  • XBL バインディングとして実装 - オブジェクトは SVGAElement タイプではない。
  • xlink:hrefxlink:show、と xlink:target(Firefox 2) 属性のみ実装。
View モジュール【訳注: 日本語訳
view【訳注: 日本語訳
  • 未実装。
Scripting モジュール【訳注: 日本語訳
script【訳注: 日本語訳
  • 実装済み。
Animation モジュール【訳注: 日本語訳
animate【訳注: 日本語訳
  • 未実装。
set【訳注: 日本語訳
  • 未実装。
animateMotion【訳注: 日本語訳
  • 未実装。
animateTransform【訳注: 日本語訳
  • 未実装。
animateColor【訳注: 日本語訳
  • 未実装。
mpath【訳注: 日本語訳
  • 未実装。
Font モジュール【訳注: 日本語訳
font【訳注: 日本語訳
  • 未実装。
font-face【訳注: 日本語訳
  • 未実装。
glyph【訳注: 日本語訳
  • 未実装。
missing-glyph【訳注: 日本語訳
  • 未実装。
hkern【訳注: 日本語訳
  • 未実装。
vkern【訳注: 日本語訳
  • 未実装。
font-face-src【訳注: 日本語訳
  • 未実装。
font-face-uri【訳注: 日本語訳
  • 未実装。
font-face-format【訳注: 日本語訳
  • 未実装。
font-face-name【訳注: 日本語訳
  • 未実装。
definition-src【訳注: 日本語訳
  • 未実装。
Extensibility モジュール【訳注: 日本語訳
foreignObject【訳注: 日本語訳
  • Firefox 3 で実装。