2 <html xmlns="http://www.w3.org/1999/xhtml">
\r
4 <title>SIE - 標準的な2Dベクタ画像のSVGを表示するJavaScriptライブラリ</title>
\r
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
\r
6 <script defer="defer" type="text/javascript" src="sie.js"></script>
\r
7 <link rel="stylesheet" type="text/css" href="http://sie.sourceforge.jp/instyle.css"></link>
\r
10 <h1>SIE - 標準的な2Dベクタ画像のSVGを表示するJavaScriptライブラリ</h1>
\r
12 <p>SIEとは、標準的な2Dベクタ画像のSVGを表示するためのライブラリです。JavaScript言語で設計されています。プラグインは不要です。例えば、インターネットエクスプローラー（Internet Explorer、以下、IE)やその他のブラウザで、SVGを表示できます。</p>
\r
15 <li>クロスブラウザ（IEとFirefoxとOperaとSafari）</li>
\r
17 <li>SVG画像を表示できる</li>
\r
20 <p>無償のオープンソースとして公開しているので、どうぞご自由にお使いください。</p>
\r
21 <p>ライセンスはオープンソースのMIT Licenceで提供しています。</p>
\r
32 <p>中身を確認してください。以下のとおりです。SIEの本体は、sie.js です。</p>
\r
34 <p>HTML文書のページと、SVG画像を作って、用意してください。（今回は、Inkscapeで作られたSVG画像の「zeimusu_sakura_.svg」を用います）</p>
\r
37 <li>HTML文書を、「メモ帳」など、テキスト編集ソフトで開いて、「<script defer="defer" type="text/javascript" src="sie.js"></script>」をhead要素の中に追加してください。たとえば、<blockquote><head>
\r
38 <title>IESVG</title>
\r
39 <script defer="defer" type="text/javascript" src="sie.js"></script></head></blockquote>というように。<textarea rows="2" cols="40"><script defer="defer" type="text/javascript" src="sie.js"></script></textarea>
\r
41 <li>さらに、body要素の中に、「<object data="org/svg/zeimusu_sakura_.svg" type="image/svg+xml" width="1000" height="1000"></object>」とコピーして入れます。以下のサンプルのようになります。</li>
\r
42 <li>編集したHTML文書とSVG画像、それに、sie.jsをネット上にアップロードすればOKです。<strong>必ず、アップロードしてください</strong>。</li>
\r
44 <h2>デモ（zeimusu_sakura_.svg）</h2>
\r
45 <pre><html xmlns="http://www.w3.org/1999/xhtml">
\r
47 <title>SIE</title>
\r
48 <script defer="defer" type="text/javascript" src="sie.js"></script>
\r
49 <link rel="stylesheet" type="text/css" href="instyle.css"></link>
\r
51 <body onLoad="svgtovml()">
\r
52 <h1>SIE - プラグインなしでIEにSVGを表示する方法</h1>
\r
54 <h2>デモ（ant.svg）</h2>
\r
55 <object data="<strong>org/svg/zeimusu_sakura_.svg</strong>" type="image/svg+xml" width="180" height="200"></object>
\r
59 <textarea rows="10" cols="40"><html xmlns="http://www.w3.org/1999/xhtml">
\r
61 <title>SIE</title>
\r
62 <script defer="defer" type="text/javascript" src="sie.js"></script>
\r
63 <link rel="stylesheet" type="text/css" href="instyle.css"></link>
\r
66 <h1>SIE - プラグインなしでIEにSVGを表示する方法</h1>
\r
68 <h2>サンプル（ant.svg）</h2>
\r
69 <object data="org/svg/zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"></object>
\r
71 </html></textarea>
\r
73 <object data="org/svg/zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"></object>
\r
76 <p>その他、Firefox49.0.2、Opera41(以上、環境はWindows 10)</p>
\r
78 <p>必ず、サーバにアップロードしてください。IEのセキュリティ上、ローカルでは動きません。</p>
\r
81 <p><a href="sie-developers@lists.sourceforge.jp">sie-developers@lists.osdn.jp</a>。ログインページは<a href="http://lists.osdn.jp/mailman/listinfo/sie-developers">SIEの公式メーリングリスト</a>。</p>
\r
83 <p><a href="http://osdn.jp/projects/sie/ticket/">チケット</a>。バグを追跡できるシステム。</p>
\r
84 <p><a href="http://d.hatena.ne.jp/dhrname/">dhrnameの開発日誌</a>。開発ブログです。</p>
\r
85 <p><a href="http://twitter.com/dhrname">http://twitter.com/dhrname</a>。英語で開発のつぶやきを提供しています。</p>
\r
86 <h2>SIEのパッケージ一覧</h2>
\r
88 <li>sie.js (本体)</li>
\r
89 <li>Readme.html (解説のページ)</li>
\r
90 <li><a href="README_EN.txt">README_EN.txt (解説の英語版)</a></li>
\r
91 <li><a href="ChangeLog.txt">ChangeLog.txt (SIEの変更履歴)</a></li>
\r
92 <li>tool (補助ツール)<ul>
\r
93 <li>sie_php (SVGファイルを直接ブラウザに表示できるPHP。revulo氏が作成)</li>
\r
94 <li>svg-in-html (インラインSVGを実現するスクリプト)</li>
\r
95 <li>SieReader (URLで?の後に指定されたファイル名のSVGを読みとることができるHTML文書)</li>
\r
96 <li>funcproto (非同期処理の操作ができるライブラリ)
\r
98 <li>sie.js.gz (sie.jsをgzipで圧縮したもの）</li>
\r
99 <li>zeimusu_sakra_.svg (SVG形式のサンプル画像)</li>
\r
100 <li>org (ソースコード)<ul>
\r
101 <li>sie-uncompressed.js (sie.jsのオリジナルソース）</li>
\r
102 <li>build.js (SIEのモジュールを一つのファイルにして、オリジナルソースを作成するプログラム)</li>
\r
103 <li>w3c (SIEのモジュールを収納したディレクトリ)</li>
\r
106 <p>最後に、revulo氏, bellbind氏と、<a href="http://osdn.jp/"><img src="http://osdn.jp/sflogo.php?group_id=3313" width="96" height="31" border="0" alt="SourceForge.jp"></a>さんに謝意を述べたいと思います。</p>
\r
107 <address>© Copyright 2003-2016 dhrname（Eメールで<a href="mailto:sie-developers@lists.sourceforge.jp">sie-developers@lists.sourceforge.jp</a>））。このページの許諾に関しても、SIEと同様のライセンスが適用されるものとします。</address>
\r
108 <!--/*SIE under the MIT Lisence
\r
110 /* Copyright 2016 dhrname and other contributors
\r
111 * http://sie.osdn.jp/
\r
113 * Permission is hereby granted, free of charge, to any person obtaining
\r
114 * a copy of this software and associated documentation files (the
\r
115 * "Software"), to deal in the Software without restriction, including
\r
116 * without limitation the rights to use, copy, modify, merge, publish,
\r
117 * distribute, sublicense, and/or sell copies of the Software, and to
\r
118 * permit persons to whom the Software is furnished to do so, subject to
\r
119 * the following conditions:
\r
121 * The above copyright notice and this permission notice shall be
\r
122 * included in all copies or substantial portions of the Software.
\r
124 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
\r
125 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
\r
126 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
\r
127 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
\r
128 * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
\r
129 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
\r
130 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
\r
OSDN Git Service
