W3C SVG test suite に、いくつかの基本的な SVG 構文と使用例があります。
Gecko 2.0 note
(Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1)
Gecko は 現在、SMIL を用いての SVG アニメーションをサポートしています。概要については、『SMIL を用いた SVG アニメーション』 をご覧下さい。SVG の完全なドキュメントはまだ完成に向けて作成中です。
要素の実装状況
SVG 1.1 要素の簡単な概要および現在のネイティブサポート状況を以下に列挙します。
要素 | 注記 |
---|---|
Structure モジュール | |
svg |
|
g |
|
defs |
|
desc |
|
title |
|
metadata |
|
symbol |
|
use | |
Conditional Processing モジュール | |
switch |
|
Image モジュール | |
image |
|
Style モジュール | |
style |
|
Shape モジュール | |
path |
|
rect |
|
circle |
|
line |
|
ellipse |
|
polyline |
|
polygon |
|
Text モジュール | |
text |
|
tspan |
|
tref |
|
textPath |
|
altGlyph | |
altGlyphDef |
|
altGlyphItem |
|
glyphRef |
|
Marker モジュール | |
marker |
|
Color Profile モジュール | |
color-profile |
|
Gradient モジュール | |
linearGradient |
|
radialGradient |
|
stop |
|
Pattern モジュール | |
pattern |
|
Clip モジュール | |
clipPath |
|
Mask モジュール | |
mask |
|
Filter モジュール | |
filter |
|
feBlend |
|
feColorMatrix |
|
feComponentTransfer |
|
feComposite |
|
feConvolveMatrix |
|
feDiffuseLighting |
|
feDisplacementMap |
|
feFlood |
|
feGaussianBlur |
|
feImage |
|
feMerge |
|
feMergeNode |
|
feMorphology |
|
feOffset |
|
feSpecularLighting |
|
feTile |
|
feTurbulence |
|
feDistantLight |
|
fePointLight |
|
feSpotLight |
|
feFuncR |
|
feFuncG |
|
feFuncB |
|
feFuncA |
|
Cursor モジュール | |
cursor |
|
Hyperlinking モジュール | |
a |
|
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 |
|