Readme.html

   1 <!xml version="1.0" encoding="utf-8"!>
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4 <title>SIE - 標準的な2Dベクタ画像のSVGを表示するJavaScriptライブラリ</title>
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6 <script defer="defer" type="text/javascript" src="sie-mini.js"></script>
   7 <link rel="stylesheet" type="text/css" href="http://sie.sourceforge.jp/instyle.css"></link>
   8 </head>
   9 <body>
  10 <h1>SIE - 標準的な2Dベクタ画像のSVGを表示するJavaScriptライブラリ</h1>
  11 <h2>SIEとは</h2>
  12 <p>SIEとは、標準的な2Dベクタ画像のSVGを表示するためのライブラリです。JavaScript言語で設計されています。プラグインは不要です。例えば、インターネットエクスプローラー（Internet Explorer、以下、IE)やその他のブラウザで、SVGを表示できます。</p>
  13 <h3>特徴</h3>
  14 <ol>
  15  <li>クロスブラウザ（IEとFirefoxとOperaとSafari）</li>
  16  <li>プラグインが必要ない</li>
  17  <li>SVG画像を表示できる</li>
  18 </ol>
  19 <h3>ライセンス</h3>
  20 <p>無償のオープンソースとして公開しているので、どうぞご自由にお使いください。</p>
  21 <p>ライセンスはオープンソースのMozilla Public Licence（MPL1.1）で提供しています。</p>
  22 <h2>目次</h2>
  23 <ol>
  24  <li>使い方</li>
  25  <li>デモ</li>
  26  <li>動作環境</li>
  27  <li>注意</li>
  28  <li>連絡先</li>
  29 </ol>
  30 <h2>使い方</h2>
  31 <h3>解凍が終わったら</h3>
  32 <p>中身を確認してください。以下のとおりです。SIEの本体は、sie.js です。</p>
  33 <h3>準備するもの</h3>
  34 <p>HTML文書のページと、SVG画像を作って、用意してください。（今回は、Inkscapeで作られたSVG画像の「zeimusu_sakura_.svg」を用います）</p>
  35 <h3>ネットの公開のしかた</h3>
  36 <ol>
  37  <li>HTML文書を、「メモ帳」など、テキスト編集ソフトで開いて、「&lt;script defer="defer" type="text/javascript" src="sie.js"&gt;&lt;/script&gt;」をhead要素の中に追加してください。たとえば、<blockquote>&lt;head&gt;
  38 &lt;title&gt;IESVG&lt;/title&gt;
  39 &lt;script defer="defer" type="text/javascript" src="sie.js"&gt;&lt;/script&gt;&lt;/head&gt;</blockquote>というように。<textarea rows="2" cols="40">&lt;script defer="defer" type="text/javascript" src="sie.js"&gt;&lt;/script&gt;</textarea>
  40 </li>
  41  <li>さらに、body要素の中に、「&lt;object data="zeimusu_sakura_.svg" type="image/svg+xml" width="1000" height="1000"&gt;&lt;/object&gt;」とコピーして入れます。以下のサンプルのようになります。</li>
  42  <li>編集したHTML文書とSVG画像、それに、sie.jsをネット上にアップロードすればOKです。<strong>必ず、アップロードしてください</strong>。</li>
  43 </ol>
  44 <h2>デモ（zeimusu_sakura_.svg）</h2>
  45 <pre>&lt;html  xmlns="http://www.w3.org/1999/xhtml"&gt;
  46 &lt;head&gt;
  47 &lt;title&gt;SIE&lt;/title&gt;
  48 &lt;script defer="defer" type="text/javascript" src="sie.js"&gt;&lt;/script&gt;
  49 &lt;link rel="stylesheet" type="text/css" href="instyle.css"&gt;&lt;/link&gt;
  50 &lt;/head&gt;
  51 &lt;body onLoad="svgtovml()"&gt;
  52 &lt;h1&gt;SIE - プラグインなしでIEにSVGを表示する方法&lt;/h1&gt;
  53
  54 &lt;h2&gt;デモ（ant.svg）&lt;/h2&gt;
  55 &lt;object data="<strong>zeimusu_sakura_.svg</strong>" type="image/svg+xml" width="180" height="200"&gt;&lt;/object&gt;
  56     &lt;/body&gt;
  57 &lt;/html&gt;</pre>
  58 <form>
  59 <textarea rows="10" cols="40">&lt;html  xmlns="http://www.w3.org/1999/xhtml"&gt;
  60 &lt;head&gt;
  61 &lt;title&gt;SIE&lt;/title&gt;
  62 &lt;script defer="defer" type="text/javascript" src="sie.js"&gt;&lt;/script&gt;
  63 &lt;link rel="stylesheet" type="text/css" href="instyle.css"&gt;&lt;/link&gt;
  64 &lt;/head&gt;
  65 &lt;body&gt;
  66 &lt;h1&gt;SIE - プラグインなしでIEにSVGを表示する方法&lt;/h1&gt;
  67
  68 &lt;h2&gt;サンプル（ant.svg）&lt;/h2&gt;
  69 &lt;object data="zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"&gt;&lt;/object&gt;
  70     &lt;/body&gt;
  71 &lt;/html&gt;</textarea>
  72 </form>
  73 <object data="zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"></object>
  74 <h2>動作環境</h2>
  75 <p>IE6、7、8で確認</p>
  76 <p>その他、Firefox12、Opera12、Safari3.1.2 (以上、環境はWindowsXP SP3)</p>
  77 <h2>注意</h2>
  78 <p>必ず、サーバにアップロードしてください。IEのセキュリティ上、ローカルでは動きません。</p>
  79 <p>極力、object要素をお使いください。embed要素は、IE6において、警告の窓がポップアップします。IE7では異常はありません。</p>
  80 <h2>コミュニティ</h2>
  81 <h3>メーリングリスト</h3>
  82 <p><a href="sie-developers@lists.sourceforge.jp">sie-developers@lists.sourceforge.jp</a>。ログインページは<a href="http://lists.sourceforge.jp/mailman/listinfo/sie-developers">SIEの公式メーリングリスト</a>。</p>
  83 <h3>バグの報告先</h3>
  84 <p><a href="http://sourceforge.jp/projects/sie/ticket/">チケット</a>。バグを追跡できるシステム。</p>
  85 <p><a href="http://d.hatena.ne.jp/dhrname/">dhrnameの開発日誌</a>。開発ブログです。</p>
  86 <p><a href="http://twitter.com/dhrname">http://twitter.com/dhrname</a>。英語で開発のつぶやきを提供しています。</p>
  87 <h2>SIEのパッケージ一覧</h2>
  88 <ul>
  89 <li>sie.js (本体)</li>
  90 <li>Readme.html (解説のページ)</li>
  91 <li><a href="README_EN.txt">README_EN.txt (解説の英語版)</a></li>
  92 <li><a href="ChangeLog.txt">ChangeLog.txt (SIEの変更履歴)</a></li>
  93 <li>tool (補助ツール)<ul>
  94   <li>sie_php  (SVGファイルを直接ブラウザに表示できるPHP。revulo氏が作成)</li>
  95   <li>svg-in-html  (インラインSVGを実現するスクリプト)</li>
  96   <li>SieReader  (URLで?の後に指定されたファイル名のSVGを読みとることができるHTML文書)</li>
  97 </ul></li>
  98 <li>sie.js.gz (sie.jsをgzipで圧縮したもの）</li>
  99 <li>zeimusu_sakra_.svg (SVG形式のサンプル画像)</li>
 100 <li>org (ソースコード)<ul>
 101 <li>sie-uncompressed.js (sie.jsのオリジナルソース）</li>
 102 <li>build.php (SIEのモジュールを一つのファイルにして、オリジナルソースを作成するプログラム)</li>
 103 <li>w3c (SIEのモジュールを収納したディレクトリ)</li>
 104 </ul></li>
 105 </ul>
 106 <p>最後に、revuloさん, bellbindさんと、<a href="http://sourceforge.jp/"><img src="http://sourceforge.jp/sflogo.php?group_id=3313" width="96" height="31" border="0" alt="SourceForge.jp"></a>さんに謝意を述べたいと思います。</p>
 107 <address>&copy; Copyright 2003 dhrname（Eメールで<a href="mailto:sie-developers@lists.sourceforge.jp">sie-developers@lists.sourceforge.jp</a>）コードの著作権の許諾に関しては、次の文章に書かれています。(英文<a href="http://dhr.at.infoseek.co.jp/LICENCE.txt">LICENCE.txt</a>）。このページの許諾に関しても、同様のライセンスが適用されるものとします。</address>
 108 <!--/*SIE-SVGtoVML LGPL2.1 & GPL1.1 & Mozilla Public Lisence*/
 109 /* ***** BEGIN LICENSE BLOCK *****
 110  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
 111  *
 112  * The contents of this file are subject to the Mozilla Public License Version
 113  * 1.1 (the "License"); you may not use this file except in compliance with
 114  * the License. You may obtain a copy of the License at
 115  * http://www.mozilla.org/MPL/
 116  *
 117  * Software distributed under the License is distributed on an "AS IS" basis,
 118  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 119  * for the specific language governing rights and limitations under the
 120  * License.
 121  *
 122  * Contributor(s):DHRNAME
 123  *
 124  * Alternatively, the contents of this file may be used under the terms of
 125  * either of the GNU General Public License Version 2 or later (the "GPL"),
 126  * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 127  * in which case the provisions of the GPL or the LGPL are applicable instead
 128  * of those above. If you wish to allow use of your version of this file only
 129  * under the terms of either the GPL or the LGPL, and not to allow others to
 130  * use your version of this file under the terms of the MPL, indicate your
 131  * decision by deleting the provisions above and replace them with the notice
 132  * and other provisions required by the GPL or the LGPL. If you do not delete
 133  * the provisions above, a recipient may use your version of this file under
 134  * the terms of any one of the MPL, the GPL or the LGPL.
 135  *
 136  * ***** END LICENSE BLOCK ***** */-->
 137     </body>
 138 </html>