Home > Getting Started

Getting Started - SIE

Download
Tutorial

Download

Get the latest release

sie-077.zip/ (ZIP形式, 423.4 KB)

The 'sie-0xx.zip' file is contained with the next:

sie-mini.js
Readme.html
zeimus_sakura_.svg

Tutotorial

Upload this three files to your server, and see 'Readme.html' file on your browser. You can look 'zemius_sakura_.svg'.

サンプル（zeimusu_sakura_.svg）を表示する

準備するもの

ブラウザは、最新版をご用意ください。おすすめはOperaですが、そのほか、シェアを伸ばしつつあるFirefoxやSafari、また、Internet Explorerでも結構です。

あなたが作ったHTML文書のページと、SVG画像を作って、用意してください。（今回は、Inkscapeで作られたSVG画像の「zeimusu_sakura_.svg」を用います）

ネットの公開のしかた

HTML文書を、「メモ帳」など、テキスト編集ソフトで開いて、「<script defer="defer" type="text/javascript" src="sie.js"></script>」をhead要素の中に追加してください。(defer属性を忘れないようにしてください）
さらに、body要素の中に、「<object data="zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"></object>」とコピーして入れます（type属性を忘れないようにしてください）。以下のサンプルのようになります。
編集したHTML文書とSVG画像、それに、「sie.js」をネット上にアップロードすればOKです。

書き方の例（サンプル）

<html  xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SIE</title>
<script defer="defer" type="text/javascript" src="sie.js"></script>
</head>
<body>
<h1>SIE - プラグインなしでIEにSVGを表示する方法</h1>

<h2>デモ（zeimusu_sakura_.svg）</h2>
<object data="zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"></object>
    </body>
</html>

以下に、サンプルのSVG画像が表示されたはずです。

なお、圧縮版のsie-mini.jsも、sie.jsと同じ使い方です。

ヘルプに戻る