document/usage.en.html

   1 <!xml version="1.0" encoding="utf-8"!>
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4 <title>Getting Started - SIE</title>
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   6 <script defer="defer" type="text/javascript" src="sie.js"></script>
   7 <link rel="stylesheet" type="text/css" href="instyle.css"></link>
   8 <link rel="SHORTCUT ICON" href="sie-logo2.ico" type="image/x-icon"></link>
   9 </head>
  10 <body>
  11 <ol class="menu">
  12  <li><a href="index">Home</a></li>
  13  <li><a href="goals">Goals</a></li>
  14  <li><a href="screenshot">Screenshot</a></li>
  15  <li><a href="demol">Demo</a></li>
  16  <li><a href="http://www.sourceforge.jp/project/sie/">Get Involved</a></li>
  17 </ol>
  18 <p><object data="sie-logo.svg" type="image/svg+xml" width="100%" height="90"></object></p>
  19 <p><a href="index">Home</a> &gt; Getting Started</p>
  20 <h1>Getting Started - SIE</h1>
  21 <ul>
  22  <li>Download</li>
  23  <li>Tutorial</li>
  24 </ul>
  25
  26 <h2 class="title">Download</h2>
  27 <h3>Get the latest release</h3>
  28 <p><a href="http://sourceforge.jp/projects/sie/downloads/52052/sie-077.zip/">sie-077.zip/</a> (ZIP形式, 423.4 KB)</p>
  29 <p>The 'sie-0xx.zip' file is contained with the next:</p>
  30 <ul>
  31  <li>sie-mini.js</li>
  32  <li>Readme.html</li>
  33  <li>zeimus_sakura_.svg</li>
  34 </ul>
  35 <h2>Tutotorial</h2>
  36 <p>Upload this three files to your server, and see 'Readme.html' file on your browser. You can look 'zemius_sakura_.svg'.</p>
  37 <h2 class="title">サンプル（zeimusu_sakura_.svg）を表示する</h2>
  38 <h3>準備するもの</h3>
  39 <p>ブラウザは、最新版をご用意ください。おすすめはOperaですが、そのほか、シェアを伸ばしつつあるFirefoxやSafari、また、Internet Explorerでも結構です。</p>
  40 <p>あなたが作ったHTML文書のページと、SVG画像を作って、用意してください。（今回は、Inkscapeで作られたSVG画像の「zeimusu_sakura_.svg」を用います）</p>
  41 <h3>ネットの公開のしかた</h3>
  42 <ol>
  43  <li>HTML文書を、「メモ帳」など、テキスト編集ソフトで開いて、「&lt;script defer="defer" type="text/javascript" src="sie.js"&gt;&lt;/script&gt;」をhead要素の中に追加してください。(defer属性を忘れないようにしてください）
  44 </li>
  45  <li>さらに、body要素の中に、「&lt;object data="zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"&gt;&lt;/object&gt;」とコピーして入れます（type属性を忘れないようにしてください）。以下のサンプルのようになります。</li>
  46  <li>編集したHTML文書とSVG画像、それに、「sie.js」をネット上にアップロードすればOKです。</li>
  47 </ol>
  48 <h4>書き方の例（サンプル）</h4>
  49 <pre>&lt;html  xmlns="http://www.w3.org/1999/xhtml"&gt;
  50 &lt;head&gt;
  51 &lt;title&gt;SIE&lt;/title&gt;
  52 <strong>&lt;script defer="defer" type="text/javascript" src="sie.js"&gt;&lt;/script&gt;</strong>
  53 &lt;/head&gt;
  54 &lt;body&gt;
  55 &lt;h1&gt;SIE - プラグインなしでIEにSVGを表示する方法&lt;/h1&gt;
  56
  57 &lt;h2&gt;デモ（zeimusu_sakura_.svg）&lt;/h2&gt;
  58 <strong>&lt;object data="zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"&gt;&lt;/object&gt;</strong>
  59     &lt;/body&gt;
  60 &lt;/html&gt;</pre>
  61 <form>
  62 <p>テキスト貼り付け</p>
  63 <textarea rows="10" cols="40">&lt;html  xmlns="http://www.w3.org/1999/xhtml"&gt;
  64 &lt;head&gt;
  65 &lt;title&gt;SIE&lt;/title&gt;
  66 &lt;script defer="defer" type="text/javascript" src="sie.js"&gt;&lt;/script&gt;
  67 &lt;/head&gt;
  68 &lt;body&gt;
  69 &lt;h1&gt;SIE - プラグインなしでIEにSVGを表示する方法&lt;/h1&gt;
  70
  71 &lt;h2&gt;サンプル（zeimusu_sakura_.svg）&lt;/h2&gt;
  72 &lt;object data="zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"&gt;&lt;/object&gt;
  73     &lt;/body&gt;
  74 &lt;/html&gt;</textarea>
  75 </form>
  76 <p>以下に、サンプルのSVG画像が表示されたはずです。</p>
  77 <object data="zeimusu_sakura_.svg" type="image/svg+xml" width="180" height="200"></object>
  78 <p>なお、圧縮版のsie-mini.jsも、sie.jsと同じ使い方です。</p>
  79 <p class="center"><a href="help.html">ヘルプに戻る</a></p>
  80 <address>&copy; Copyright 2007 dhrname（Eメールで<a href="mailto:sie-developers@lists.sourceforge.jp">sie-developers@lists.sourceforge.jp</a>）コードの著作権の許諾に関しては、MPLライセンスが適用されます。このページの許諾に関しても、同様のライセンスが適用されるものとします。</address>
  81 <!--/*SIE-SVGtoVML LGPL2.1 & GPL1.1 & Mozilla Public Lisence*/
  82 /* ***** BEGIN LICENSE BLOCK *****
  83  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  84  *
  85  * The contents of this file are subject to the Mozilla Public License Version
  86  * 1.1 (the "License"); you may not use this file except in compliance with
  87  * the License. You may obtain a copy of the License at
  88  * http://www.mozilla.org/MPL/
  89  *
  90  * Software distributed under the License is distributed on an "AS IS" basis,
  91  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  92  * for the specific language governing rights and limitations under the
  93  * License.
  94  *
  95  * Contributor(s):dhrname
  96  *
  97  * Alternatively, the contents of this file may be used under the terms of
  98  * either of the GNU General Public License Version 2 or later (the "GPL"),
  99  * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 100  * in which case the provisions of the GPL or the LGPL are applicable instead
 101  * of those above. If you wish to allow use of your version of this file only
 102  * under the terms of either the GPL or the LGPL, and not to allow others to
 103  * use your version of this file under the terms of the MPL, indicate your
 104  * decision by deleting the provisions above and replace them with the notice
 105  * and other provisions required by the GPL or the LGPL. If you do not delete
 106  * the provisions above, a recipient may use your version of this file under
 107  * the terms of any one of the MPL, the GPL or the LGPL.
 108  *
 109  * ***** END LICENSE BLOCK ***** */-->
 110     </body>
 111 </html>