SIEとは、標準的な2Dベクタ画像のSVGを表示するためのライブラリです。JavaScript言語で設計されています。プラグインは不要です。例えば、インターネットエクスプローラー(Internet Explorer、以下、IE)やその他のブラウザで、SVGを表示できます。
無償のオープンソースとして公開しているので、どうぞご自由にお使いください。
ライセンスはオープンソースのMozilla Public Licence(MPL1.1)で提供しています。
中身を確認してください。以下のとおりです。SIEの本体は、sie.js です。
HTML文書のページと、SVG画像を作って、用意してください。(今回は、Inkscapeで作られたSVG画像の「zeimusu_sakura_.svg」を用います)
<head> <title>IESVG</title> <script defer="defer" type="text/javascript" src="sie.js"></script></head>というように。
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>SIE</title> <script defer="defer" type="text/javascript" src="sie.js"></script> <link rel="stylesheet" type="text/css" href="instyle.css"></link> </head> <body onLoad="svgtovml()"> <h1>SIE - プラグインなしでIEにSVGを表示する方法</h1> <h2>デモ(ant.svg)</h2> <object data="zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"></object> </body> </html>
ActiveXが有効なIE6、7、8で確認
その他、Firefox12、Opera12、Safari3.1.2 (以上、環境はWindowsXP SP3)
必ず、サーバにアップロードしてください。IEのセキュリティ上、ローカルでは動きません。また、IE6-8をお使いの方はActiveXは有効にしておいてください。
極力、object要素をお使いください。embed要素は、IE6において、警告の窓がポップアップします。IE7では異常はありません。
sie-developers@lists.sourceforge.jp。ログインページはSIEの公式メーリングリスト。
チケット。バグを追跡できるシステム。
dhrnameの開発日誌。開発ブログです。
http://twitter.com/dhrname。英語で開発のつぶやきを提供しています。