-<!xml version="1.0" encoding="utf-8"!>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<title>Sieb:SIEのブックマークレット</title>
-<meta http-equiv="Content-Type" content="text/html; charset=urf-8">
-<link rel="stylesheet" type="text/css" href="instyle.css"></link>
-</head>
-<body>
-<h1>Sieb - ブラウザでSVGを表示できるブックマークレット</h1>
-<h2>Text2SVG</h2>
-<p>SIEを使えば、普通の文章をSVG画像に変換して、表示することができます。このような機能をText2SVGと呼ぶことにします。Siebでは、このText2SVG機能を使って、たとえば、2ちゃんねるのような掲示板やブログやWIKIなどに書き込まれたSVGを簡単に表示できるようにしました。特徴は以下のとおりです。</p>
-<ul>
- <li>インストール、プラグイン不要</li>
- <li>ブックマークから呼び出せる</li>
- <li>クロスブラウザ</li>
- <li>ブログ、WIKIなどに書き込まれたSVGソースを、画像として表示できる</li>
-</ul>
-<h2>使い方</h2>
-<h3>準備するもの</h3>
-<h4>ブックマークする</h4>
-<p><a href="javascript:void(function(){var ss=function(tag){var pr=document.getElementsByTagName(tag);for(var i=0;i<pr.length;i++){var prr=pr[i].innerHTML;prr=prr.replace(/(&lt;svg(?:\s|&gt;|>))/g,'&nbsp;<script type=image/svg+xml width=300 height=300>$1').replace(/(\/svg(?:&gt;|>))/g,'$1</script>');pr[i].innerHTML=prr;}};ss('pre');ss('dd');sieb_s=true;var src=document.createElement('script');src.setAttribute('src','http://sie.sourceforge.jp/sie-mini.js');document.body.appendChild(src);})();">Sieb2</a>（ブックマークレット）</p>
-<p>あらかじめ、上記のリンク先をブックマーク(IEでは、「右クリック->お気に入りに追加」。それ以外のブラウザではツールバーにドラッグでOK)してください。</p>
-<h3>ネットの公開のしかた</h3>
-<ol>
- <li>掲示板やブログにSVGのソースを必ず「整形テキスト」で書き込んでください。たとえば、以下のSVGのソースを使ってみましょう。<textarea rows="3" cols="70"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preseveAspectRatio="none">
- <g id="eo">
- <circle cx="50" cy="40" r="40"/>
- <circle cx="40" cy="30" r="20" fill="red"/>
- </g>
- </svg></textarea>なお、整形テキストはpre要素を利用した文章です。</li>
- <li>上記でブックマークしたものを呼び出してください。ブックマークを呼び出したら、すぐに、下記のデモで円が表示されるはずです。</li>
-</ol>
-<h2>デモ（4wd.svg）</h2>
-<dl>
-<dt>
-<dd><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preseveAspectRatio="none">
- <g id="eo">
- <circle cx="50" cy="40" r="40"/><BR>
- <circle cx="40" cy="30" r="20" fill="red"/>
- </g>
- </svg>
-</dl>
-<pre>
-<svg xmlns="<a href="http://www.w3.org/2000/svg" target="_blank">http://www.w3.org/2000/svg</a>" viewBox="0 0 100 100" preseveAspectRatio="none">
- &lt;<g id="eo">
- <circle cx="50" cy="40" r="40"/>
- <circle cx="40" cy="30" r="20" fill="red"/>
- </g>
- </svg>
-</pre>
-<p>HTML文書のソースは以下のとおり。</p>
-<pre><html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<title>SIE</title>
-<script defer="defer" type="text/javascript" src="sie.js"></script>
-<link rel="stylesheet" type="text/css" href="instyle.css"></link>
-</head>
-<body>
-<h1>SIE - プラグインなしでIEにSVGを表示する方法</h1>
-<h2>デモ（ant.svg）</h2>
-</pre>
-<p><pre>&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preseveAspectRatio="none"&gt;
- &lt;g id="eo"&gt;
- &lt;circle cx="50" cy="40" r="40"/&gt;
- &lt;circle cx="40" cy="30" r="20" fill="red"/&gt;
- &lt;/g&gt;
- &lt;/svg&gt;</pre></p>
-<pre>
-</body>
-</html></pre>
-<script type="image/svg+xml" width="200" height="200"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preseveAspectRatio="none">
- <g id="eo">
- <circle cx="50" cy="40" r="40"/>
- <circle cx="40" cy="30" r="20" fill="red"/>
- </g>
- </svg></script>
-<h2>動作環境</h2>
-<p>WindowsXP SP2 IE7で確認</p>
-<p>その他、Windows XPの、Firefox3、Opera9.51、Safari3.1.2</p>
-<h2>目標</h2>
-<p>Inkscapeで作成されたSVGを表示できるようにする。</p>
-<h2>課題</h2>
-<p>バージョンや、問題等につきましては、ブログで公開しています。「<a href="http://d.hatena.ne.jp/dhrname/">dhrnameのウェブ日誌</a>」をご覧ください。</p>
-<p>最後に、<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>
-<address>© Copyright 2003 dhr（Eメールで<a href="mailto:dhrname@mail.goo.ne.jp">dhrname@mail.goo.ne.jp</a>）コードの著作権の許諾に関しては、次の文章に書かれています。(英文<a href="http://dhr.at.infoseek.co.jp/LICENCE.txt">LICENCE.txt</a>）。このページの許諾に関しても、同様のライセンスが適用されるものとします。</address>
-<!--/*SIE-SVGtoVML LGPL2.1 & GPL1.1 & Mozilla Public Lisence*/
-/* ***** BEGIN LICENSE BLOCK *****
- * Version: MPL 1.1/GPL 2.0/LGPL 2.1
- *
- * The contents of this file are subject to the Mozilla Public License Version
- * 1.1 (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- * http://www.mozilla.org/MPL/
- *
- * Software distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- * for the specific language governing rights and limitations under the
- * License.
- *
- * Contributor(s):DHRNAME
- *
- * Alternatively, the contents of this file may be used under the terms of
- * either of the GNU General Public License Version 2 or later (the "GPL"),
- * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- * in which case the provisions of the GPL or the LGPL are applicable instead
- * of those above. If you wish to allow use of your version of this file only
- * under the terms of either the GPL or the LGPL, and not to allow others to
- * use your version of this file under the terms of the MPL, indicate your
- * decision by deleting the provisions above and replace them with the notice
- * and other provisions required by the GPL or the LGPL. If you do not delete
- * the provisions above, a recipient may use your version of this file under
- * the terms of any one of the MPL, the GPL or the LGPL.
- *
- * ***** END LICENSE BLOCK ***** */-->
- </body>
+<!xml version="1.0" encoding="utf-8"!>\r
+<html xmlns="http://www.w3.org/1999/xhtml">\r
+<head>\r
+<title>Sieb:SIEのブックマークレット</title>\r
+<meta http-equiv="Content-Type" content="text/html; charset=urf-8">\r
+<link rel="stylesheet" type="text/css" href="instyle.css"></link>\r
+</head>\r
+<body>\r
+<h1>Sieb - ブラウザでSVGを表示できるブックマークレット</h1>\r
+<h2>Text2SVG</h2>\r
+<p>SIEを使えば、普通の文章をSVG画像に変換して、表示することができます。このような機能をText2SVGと呼ぶことにします。Siebでは、このText2SVG機能を使って、たとえば、2ちゃんねるのような掲示板やブログやWIKIなどに書き込まれたSVGを簡単に表示できるようにしました。特徴は以下のとおりです。</p>\r
+<ul>\r
+ <li>インストール、プラグイン不要</li>\r
+ <li>ブックマークから呼び出せる</li>\r
+ <li>クロスブラウザ</li>\r
+ <li>ブログ、WIKIなどに書き込まれたSVGソースを、画像として表示できる</li>\r
+</ul>\r
+<h2>使い方</h2>\r
+<h3>準備するもの</h3>\r
+<h4>ブックマークする</h4>\r
+<p><a href="javascript:void(function(){var ss=function(tag){var pr=document.getElementsByTagName(tag);for(var i=0;i<pr.length;i++){var prr=pr[i].innerHTML;prr=prr.replace(/(&lt;svg(?:\s|&gt;|>))/g,'&nbsp;<script type=image/svg+xml width=300 height=300>$1').replace(/(\/svg(?:&gt;|>))/g,'$1</script>');pr[i].innerHTML=prr;}};ss('pre');ss('dd');sieb_s=true;var src=document.createElement('script');src.setAttribute('src','http://sie.sourceforge.jp/sie-mini.js');document.body.appendChild(src);})();">Sieb2</a>（ブックマークレット）</p>\r
+<p>あらかじめ、上記のリンク先をブックマーク(IEでは、「右クリック->お気に入りに追加」。それ以外のブラウザではツールバーにドラッグでOK)してください。</p>\r
+<h3>ネットの公開のしかた</h3>\r
+<ol>\r
+ <li>掲示板やブログにSVGのソースを必ず「整形テキスト」で書き込んでください。たとえば、以下のSVGのソースを使ってみましょう。<textarea rows="3" cols="70"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preseveAspectRatio="none">\r
+ <g id="eo">\r
+ <circle cx="50" cy="40" r="40"/>\r
+ <circle cx="40" cy="30" r="20" fill="red"/>\r
+ </g>\r
+ </svg></textarea>なお、整形テキストはpre要素を利用した文章です。</li>\r
+ <li>上記でブックマークしたものを呼び出してください。ブックマークを呼び出したら、すぐに、下記のデモで円が表示されるはずです。</li>\r
+</ol>\r
+<h2>デモ（4wd.svg）</h2>\r
+<dl>\r
+<dt>\r
+<dd><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preseveAspectRatio="none">\r
+ <g id="eo">\r
+ <circle cx="50" cy="40" r="40"/><BR>\r
+ <circle cx="40" cy="30" r="20" fill="red"/>\r
+ </g>\r
+ </svg>\r
+</dl>\r
+<pre>\r
+<svg xmlns="<a href="http://www.w3.org/2000/svg" target="_blank">http://www.w3.org/2000/svg</a>" viewBox="0 0 100 100" preseveAspectRatio="none">\r
+ &lt;<g id="eo">\r
+ <circle cx="50" cy="40" r="40"/>\r
+ <circle cx="40" cy="30" r="20" fill="red"/>\r
+ </g>\r
+ </svg>\r
+</pre>\r
+<p>HTML文書のソースは以下のとおり。</p>\r
+<pre><html xmlns="http://www.w3.org/1999/xhtml">\r
+<head>\r
+<title>SIE</title>\r
+<script defer="defer" type="text/javascript" src="sie.js"></script>\r
+<link rel="stylesheet" type="text/css" href="instyle.css"></link>\r
+</head>\r
+<body>\r
+<h1>SIE - プラグインなしでIEにSVGを表示する方法</h1>\r
+<h2>デモ（ant.svg）</h2>\r
+</pre>\r
+<p><pre>&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preseveAspectRatio="none"&gt;\r
+ &lt;g id="eo"&gt;\r
+ &lt;circle cx="50" cy="40" r="40"/&gt;\r
+ &lt;circle cx="40" cy="30" r="20" fill="red"/&gt;\r
+ &lt;/g&gt;\r
+ &lt;/svg&gt;</pre></p>\r
+<pre>\r
+</body>\r
+</html></pre>\r
+<script type="image/svg+xml" width="200" height="200"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preseveAspectRatio="none">\r
+ <g id="eo">\r
+ <circle cx="50" cy="40" r="40"/>\r
+ <circle cx="40" cy="30" r="20" fill="red"/>\r
+ </g>\r
+ </svg></script>\r
+<h2>動作環境</h2>\r
+<p>WindowsXP SP2 IE7で確認</p>\r
+<p>その他、Windows XPの、Firefox3、Opera9.51、Safari3.1.2</p>\r
+<h2>目標</h2>\r
+<p>Inkscapeで作成されたSVGを表示できるようにする。</p>\r
+<h2>課題</h2>\r
+<p>バージョンや、問題等につきましては、ブログで公開しています。「<a href="http://d.hatena.ne.jp/dhrname/">dhrnameのウェブ日誌</a>」をご覧ください。</p>\r
+<p>最後に、<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>\r
+<address>© Copyright 2003 dhr（Eメールで<a href="mailto:dhrname@mail.goo.ne.jp">dhrname@mail.goo.ne.jp</a>）コードの著作権の許諾に関しては、次の文章に書かれています。(英文<a href="http://dhr.at.infoseek.co.jp/LICENCE.txt">LICENCE.txt</a>）。このページの許諾に関しても、同様のライセンスが適用されるものとします。</address>\r
+<!--/*SIE-SVGtoVML LGPL2.1 & GPL1.1 & Mozilla Public Lisence*/\r
+/* ***** BEGIN LICENSE BLOCK *****\r
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1\r
+ *\r
+ * The contents of this file are subject to the Mozilla Public License Version\r
+ * 1.1 (the "License"); you may not use this file except in compliance with\r
+ * the License. You may obtain a copy of the License at\r
+ * http://www.mozilla.org/MPL/\r
+ *\r
+ * Software distributed under the License is distributed on an "AS IS" basis,\r
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License\r
+ * for the specific language governing rights and limitations under the\r
+ * License.\r
+ *\r
+ * Contributor(s):DHRNAME\r
+ *\r
+ * Alternatively, the contents of this file may be used under the terms of\r
+ * either of the GNU General Public License Version 2 or later (the "GPL"),\r
+ * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),\r
+ * in which case the provisions of the GPL or the LGPL are applicable instead\r
+ * of those above. If you wish to allow use of your version of this file only\r
+ * under the terms of either the GPL or the LGPL, and not to allow others to\r
+ * use your version of this file under the terms of the MPL, indicate your\r
+ * decision by deleting the provisions above and replace them with the notice\r
+ * and other provisions required by the GPL or the LGPL. If you do not delete\r
+ * the provisions above, a recipient may use your version of this file under\r
+ * the terms of any one of the MPL, the GPL or the LGPL.\r
+ *\r
+ * ***** END LICENSE BLOCK ***** */-->\r
+ </body>\r
</html>
\ No newline at end of file
OSDN Git Service
