テンポラリーなページです。そのうち blog にまとめます。

including SVG

HTML 上に SVG を表示できるか

IE 9 PPOperaFirefoxChrome
<object> tag OKOKOK
<img> tag OKNG:Fx3.6 / OK:Fx3.7OK
<embed> tag ( HTML5) NG OKOK
<iframe> tag OK OKOK
<svg:image> NGOK

SVG の語彙を混在できるか

HTML に SVG を混在させるためには XHTML にしなければならなかった。HTML5 の spec 内には <svg> が登場する予定。これにより、text/html でも SVG の語彙を混在させることができる。<svg> の中には http://www.w3.org/2000/svg に属する要素を展開することができる。

IE 9 PPOperaFirefoxChrome
SVG in XHTML (A) OKOKOKOK
SVG in XHTML (B) OKOKOKOK
SVG in HTML (HTML5) OKNGOK NG

CSS で SVG を画像として扱うことができるかのテスト

IE 9 PPOperaFirefoxChrome
background-image OK
content value OK

simbol

外部にある simbol を参照できるかのテスト

IE 9 PPOperaFirefoxChrome
<use> tag (refer local URI) OKOKOK
<use> tag (refer non-local URI) OKOKNG

refer non-local URI について外部のシンボルを参照できれば、CSS と同じように複数のドキュメントから参照しているシンボルを一括して差し替えなどが行える。例えば、UI のボタンなどを外部にシンボル化しておけば一括で差替することができる。

Filter Effect

既存の CSS では表現できないぼかし、色相変換などが可能。表現の幅を大きく広げることができる。

外部にある filter を URI で参照できるか

IE 9 PPOperaFirefoxChrome
filter_effects (refer document-local) NGOKOKOK
filter_effects (refer document-external URI:s) NGOKOKOK

IE 9 に Filter が実装される予定はない。

Filter の内容が書きかえられた時、それが反映されるか

まだ

foreignObject 経由で 間接的に HTML の要素に Filter を適用できるか

IE 9 PPOperaFirefoxChrome
apply_svg_filter_to text elements
apply_svg_filter_to_<img> element
apply_svg_filter_to_form input
apply_svg_filter_to_<iframe> element
apply_svg_filter_to_<video> element NG OKOK NG
apply_svg_filter_to_video /w slider NG MaybeOKNG

Animation

IE 9 PPOperaFirefoxChrome
key frame NGOKOKOK
path NGOKNGOK

IE ではとてもよく似ている使用として HTML + TIME がある

つまり IE で SVG にアニメーションを割り当てるにはスクリプトのみ ?

Script

IE 9 PPOperaFirefoxChrome
script : CTM + SVGPoint NGOKOK

その他の demo

W3C 内の Test Suite

http://www.w3.org/Graphics/SVG/WG/wiki/Test_Suite_Overview