ITエンジニア/デザイナ向けにオープンソースを毎日紹介

これは面白い。SVGはベクターグラフィックス言語として有力なのだが、プラグインが必要とあっていまいち流行らない。特に問題なのはブラウザでもっとシェアがあるIEで標準サポートされていないことだろう。

Entrance32 Thumbnail-5

そこで、プラグインなしでもSVGが表示できるこちらのライブラリを紹介しよう。

今回紹介するオープンソース・ソフトウェアはSIE、プラグインなしでSVGを表示するJavaScriptライブラリだ。

全てのSVGに対応する訳ではないようだが、それでも表示できるものがあるのが素晴らしい。SIEを使えば、サイト上で存分にSVGの魅力を表現できそうだ。

Entrance31 Thumbnail-5

標準のままでは表示不可

使い方は簡単で、SIEを読み込み、「<object data="Svg.svg" type="image/svg+xml" width="180" height="200"></object>」といった具合にimage/svg+xmlを付けてSVGファイルを読み出せば良い。Firefoxなどの標準サポートしているものはもちろん、IE6でもプラグインなしで表示できるようになる。

Entrance33 Thumbnail-3

場合によってはこのように乱れてしまう

試してみたものはうまく表現できなかったが、サンプルで提供されているものは表示できる。発展していけば、SVGの抱える問題が解消し、利用促進につながるかも知れない。

SIE

 http://sie.sourceforge.jp/4wd.svg

SourceForge.jp: Project Info - SIE

 http://sourceforge.jp/projects/sie

 

MOONGIFTの関連記事

  • DevRel
  • Com2