1 <html xmlns="http://www.w3.org/1999/xhtml">
\r
3 <title>SIE - 標準的な2Dベクタ画像のSVGを表示するJavaScriptライブラリ</title>
\r
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
\r
5 <script defer="defer" type="text/javascript" src="sie.js"></script>
\r
6 <link rel="stylesheet" type="text/css" href="http://sie.sourceforge.jp/instyle.css"></link>
\r
9 <h1>SIE - 標準的な2Dベクタ画像のSVGを表示するJavaScriptライブラリ</h1>
\r
11 <p>SIEとは、標準的な2Dベクタ画像のSVGを表示するためのライブラリです。JavaScript言語で設計されています。プラグインは不要です。例えば、インターネットエクスプローラー(Internet Explorer、以下、IE)やその他のブラウザで、SVGを表示できます。</p>
\r
14 <li>クロスブラウザ(IEとFirefoxとOperaとSafari)</li>
\r
16 <li>SVG画像を表示できる</li>
\r
19 <p>無償のオープンソースとして公開しているので、どうぞご自由にお使いください。</p>
\r
20 <p>ライセンスはオープンソースのMozilla Public Licence(MPL1.1)で提供しています。</p>
\r
31 <p>中身を確認してください。以下のとおりです。SIEの本体は、sie.js です。</p>
\r
33 <p>HTML文書のページと、SVG画像を作って、用意してください。(今回は、Inkscapeで作られたSVG画像の「zeimusu_sakura_.svg」を用います)</p>
\r
36 <li>HTML文書を、「メモ帳」など、テキスト編集ソフトで開いて、「<script defer="defer" type="text/javascript" src="sie.js"></script>」をhead要素の中に追加してください。たとえば、<blockquote><head>
\r
37 <title>IESVG</title>
\r
38 <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
40 <li>さらに、body要素の中に、「<object data="org/svg/zeimusu_sakura_.svg" type="image/svg+xml" width="1000" height="1000"></object>」とコピーして入れます。以下のサンプルのようになります。</li>
\r
41 <li>編集したHTML文書とSVG画像、それに、sie.jsをネット上にアップロードすればOKです。<strong>必ず、アップロードしてください</strong>。</li>
\r
43 <h2>デモ(zeimusu_sakura_.svg)</h2>
\r
44 <pre><html xmlns="http://www.w3.org/1999/xhtml">
\r
46 <title>SIE</title>
\r
47 <script defer="defer" type="text/javascript" src="sie.js"></script>
\r
48 <link rel="stylesheet" type="text/css" href="instyle.css"></link>
\r
50 <body onLoad="svgtovml()">
\r
51 <h1>SIE - プラグインなしでIEにSVGを表示する方法</h1>
\r
53 <h2>デモ(ant.svg)</h2>
\r
54 <object data="<strong>org/svg/zeimusu_sakura_.svg</strong>" type="image/svg+xml" width="180" height="200"></object>
\r
58 <textarea rows="10" cols="40"><html xmlns="http://www.w3.org/1999/xhtml">
\r
60 <title>SIE</title>
\r
61 <script defer="defer" type="text/javascript" src="sie.js"></script>
\r
62 <link rel="stylesheet" type="text/css" href="instyle.css"></link>
\r
65 <h1>SIE - プラグインなしでIEにSVGを表示する方法</h1>
\r
67 <h2>サンプル(ant.svg)</h2>
\r
68 <object data="org/svg/zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"></object>
\r
70 </html></textarea>
\r
72 <object data="org/svg/zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"></object>
\r
75 <p>その他、Firefox39、Opera30(以上、環境はWindows 7)</p>
\r
77 <p>必ず、サーバにアップロードしてください。IEのセキュリティ上、ローカルでは動きません。また、IE6-8をお使いの方はActiveXは有効にしておいてください。</p>
\r
80 <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
82 <p><a href="http://osdn.jp/projects/sie/ticket/">チケット</a>。バグを追跡できるシステム。</p>
\r
83 <p><a href="http://d.hatena.ne.jp/dhrname/">dhrnameの開発日誌</a>。開発ブログです。</p>
\r
84 <p><a href="http://twitter.com/dhrname">http://twitter.com/dhrname</a>。英語で開発のつぶやきを提供しています。</p>
\r
85 <h2>SIEのパッケージ一覧</h2>
\r
87 <li>sie.js (本体)</li>
\r
88 <li>Readme.html (解説のページ)</li>
\r
89 <li><a href="README_EN.txt">README_EN.txt (解説の英語版)</a></li>
\r
90 <li><a href="ChangeLog.txt">ChangeLog.txt (SIEの変更履歴)</a></li>
\r
91 <li>tool (補助ツール)<ul>
\r
92 <li>sie_php (SVGファイルを直接ブラウザに表示できるPHP。revulo氏が作成)</li>
\r
93 <li>svg-in-html (インラインSVGを実現するスクリプト)</li>
\r
94 <li>SieReader (URLで?の後に指定されたファイル名のSVGを読みとることができるHTML文書)</li>
\r
95 <li>funcproto (非同期処理の操作ができるライブラリ)
\r
97 <li>sie.js.gz (sie.jsをgzipで圧縮したもの)</li>
\r
98 <li>zeimusu_sakra_.svg (SVG形式のサンプル画像)</li>
\r
99 <li>org (ソースコード)<ul>
\r
100 <li>sie-uncompressed.js (sie.jsのオリジナルソース)</li>
\r
101 <li>build.php (SIEのモジュールを一つのファイルにして、オリジナルソースを作成するプログラム)</li>
\r
102 <li>w3c (SIEのモジュールを収納したディレクトリ)</li>
\r
105 <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
106 <address>© Copyright 2003 dhrname(Eメールで<a href="mailto:sie-developers@lists.sourceforge.jp">sie-developers@lists.sourceforge.jp</a>))。このページの許諾に関しても、SIEと同様のライセンスが適用されるものとします。</address>
\r
107 <!--/*SIE-SVGtoVML LGPL2.1 & GPL1.1 & Mozilla Public Lisence*/
\r
108 /* ***** BEGIN LICENSE BLOCK *****
\r
109 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
\r
111 * The contents of this file are subject to the Mozilla Public License Version
\r
112 * 1.1 (the "License"); you may not use this file except in compliance with
\r
113 * the License. You may obtain a copy of the License at
\r
114 * http://www.mozilla.org/MPL/
\r
116 * Software distributed under the License is distributed on an "AS IS" basis,
\r
117 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
\r
118 * for the specific language governing rights and limitations under the
\r
121 * Contributor(s):DHRNAME
\r
123 * Alternatively, the contents of this file may be used under the terms of
\r
124 * either of the GNU General Public License Version 2 or later (the "GPL"),
\r
125 * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
\r
126 * in which case the provisions of the GPL or the LGPL are applicable instead
\r
127 * of those above. If you wish to allow use of your version of this file only
\r
128 * under the terms of either the GPL or the LGPL, and not to allow others to
\r
129 * use your version of this file under the terms of the MPL, indicate your
\r
130 * decision by deleting the provisions above and replace them with the notice
\r
131 * and other provisions required by the GPL or the LGPL. If you do not delete
\r
132 * the provisions above, a recipient may use your version of this file under
\r
133 * the terms of any one of the MPL, the GPL or the LGPL.
\r
135 * ***** END LICENSE BLOCK ***** */-->
\r