mozilla

リビジョンの比較

SVG

Change Revisions

リビジョン 5089:

リビジョン 5089 (編集者: Kohei / 編集日時: )

リビジョン 5090:

リビジョン 5090 (編集者: saneyuki / 編集日時: )

タイトル:
SVG
SVG
URL スラグ:
SVG
SVG
タグ:
SVG
SVG
内容:

リビジョン 5089
リビジョン 5090
n8      <b><a href="ja/SVG/Tutorial">始めよう</a></b><br>n8      <strong><a href="/ja/SVG/Tutorial" title="ja/SVG/Tutorial">
 >始めよう</a></strong><br>
n12      <b>Scalable Vector Graphics (SVG)</b> は、2 次元ベクトルグラフィックのための n
><a href="ja/XML">XML</a> マークアップ言語です。基本的に、テキストには XHTML があるように、グラフィ 
>ックには SVG があります。 
13      <p>
14        SVG の対象は、Adobe が所有するプロプライエタリな Flash 技術と重なりますが、Flash との顕著な12      <strong>Scalable Vector Graphics (SVG)</strong>は、2 次元ベクターグラ
>違いは、SVG は <a class="external" href="http://www.w3.org/Graphics/SV>フィックのための <a href="/ja/XML" title="ja/XML">XML</a> マークアップ言語です。基本的に
>G/">W3C 勧告</a> (それは、すべての意図と目的のための標準) であり、閉鎖的なバイナリフォーマットとは対照的な XML>、テキストには XHTML があるように、グラフィックには SVG があります。SVG の対象は、Adobe が所有するプロプライ
> ベースであることです。<a href="ja/CSS">CSS</a>、<a href="ja/DOM">DOM</a> および>エタリな Flash 技術と重なりますが、Flash との顕著な違いは、SVG は <a class="external" hre
> <a class="external" href="http://www.w3.org/AudioVideo/">SMIL</a>f="http://www.w3.org/Graphics/SVG/">W3C 勧告</a> (それは、すべての意図と目的のための
>> のような他の <a class="external" href="http://www.w3.org/">W3C</a> 標準>標準) であり、閉鎖的なバイナリフォーマットとは対照的な XML ベースであることです。<a href="/ja/CSS" tit
>と共に使うことをはっきりと意図して設計されています。>le="ja/CSS">CSS</a>、<a href="/ja/DOM" title="ja/DOM">DOM</a> および 
 ><a class="external" href="http://www.w3.org/AudioVideo/">SMIL</a>
 > のような他の <a class="external" href="http://www.w3.org/">W3C</a> 標準と
 >共に使うことをはっきりと意図して設計されています。
15      </p>
n17    <p>n
18      <br style="clear:both;">
19    </p>
nn17          <td colspan="2">
18            <h4>
19              <a href="/Special:Tags?tag=SVG&amp;language=en" tit
 >le="Special:Tags?tag=SVG&amp;language=en">ドキュメント</a>
20            </h4>
21          </td>
22        </tr>
23        <tr>
n24            <h4 name=".E3.83.89.E3.82.AD.E3.83.A5.E3.83.A1.E3.83.n25            <dl>
>B3.E3.83.88"> 
25              <a href="Special:Tags?tag=SVG&amp;language=ja">ドキュメ26              <dt>
>ント</a> 
27                HTML コンテンツの向上
28              </dt>
29              <dd>
30                <small>SVG は HTML、 CSS と JavaScript と連係して動作します。SV
 >G の使用によって、通常の HTML ページ または Web アプリケーションは強化されます。</small>
31              </dd>
32            </dl>
33            <ul>
34              <li>
35                <a href="/ja/SVG_In_HTML_Introduction" title="ja/
 >SVG_In_HTML_Introduction">XHTML 内でのSVG</a>の利用についてのチュートリアル
36              </li>
37              <li>Google <a class="external" href="http://maps.go
 >ogle.com">マップ</a> (経路のオーバーレイ) と<a class="external" href="http://d
 >ocs.google.com">Docs</a> (spreadsheet のグラフ)
38              </li>
39              <li>
40                <a class="external" href="http://starkravingfinkl
 >e.org/projects/demo/svg-bubblemenu-in-html.xml">SVG bubble menus<
 >/a>
41              </li>
42            </ul>
43            <dl>
44              <dt>
45                Mozilla での SVG 実装
46              </dt>
47              <dd>
48                <small>Mozilla での SVG 実装についての情報と注記 。</small>
49              </dd>
50            </dl>
51            <ul>
52              <li>
53                <a href="/ja/SVG_in_Firefox" title="ja/SVG_in_Fir
 >efox">SVG</a> は現在 Firefox に実装されています。
54              </li>
55              <li>
56                <a class="external" href="http://jwatt.org/svg/au
 >thoring/">SVG ガイドラインの作成</a>
57              </li>
58              <li>
59                <a href="/ja/Mozilla_SVG_Project" title="ja/Mozil
 >la_SVG_Project">Mozilla SVG プロジェクト</a>の概要
60              </li>
61              <li>SVG と Mozilla についての<a class="internal" href="/j
 >a/SVG/FAQ" title="ja/SVG/FAQ">よくある質問</a>
62              </li>
63              <li>SVG Open 2009 での <a class=" external" href="htt
 >p://jwatt.org/svg-open/2009/slides.xhtml" title="http://jwatt.org
 >/svg-open/2009/slides.xhtml">SVG and Mozilla</a> についてのスライドとデモ
64              </li>
65            </ul>
66            <h4>
67              例
n29                <a href="ja/SVG_in_Firefox">Firefox の SVG 実装</a>n71                すばらしいイメージ形式
n32                <small>この記事は、Firefox 2 に現在実装されている SVG 1.1 仕様のサブセッn74                <small>SVG はベクターグラフィック形式です。ベクターグラフィックは、ラスター(ビットマッ
>トと動作について説明しています。</small>>プ)グラフィックでは不可能である、品質を損なうことのない画像の拡大と縮小が可能です。</small>
nn77            <ul>
78              <li>
79                <a class="external" href="http://croczilla.com/bi
 >ts_and_pieces/svg/samples/lion/lion.svg" title="http://croczilla.
 >com/bits_and_pieces/svg/samples/lion/lion.svg">Lion</a>, <a class
 >="external" href="http://croczilla.com/bits_and_pieces/svg/sample
 >s/butterfly/butterfly.svg" title="http://croczilla.com/bits_and_p
 >ieces/svg/samples/butterfly/butterfly.svg">Butterfly</a> &amp; <a
 > class="external" href="http://croczilla.com/bits_and_pieces/svg/
 >samples/tiger/tiger.svg" title="http://croczilla.com/bits_and_pie
 >ces/svg/samples/tiger/tiger.svg">Tiger</a>
80              </li>
81              <li>
82                <a class="external" href="http://plurib.us/1shot/
 >2007/svg_gallery/">SVG art gallery</a>
83              </li>
84              <li>その他のサンプル (<a class="external" href="http://croc
 >zilla.com/bits_and_pieces/svg/samples" title="http://croczilla.co
 >m/bits_and_pieces/svg/samples">SVG Samples croczilla.com</a>, <a 
 >class="external" href="http://www.carto.net/papers/svg/samples/">
 >carto.net</a>)
85              </li>
86            </ul>
n37                <a href="ja/SVG_In_HTML_Introduction">XHTML 内での Sn89                アニメーションとインタラクション
>VG の利用に関する導入</a><br> 
n40                <small>この記事と、<a class="external" href="http://devn92                <small>HTML のように, SVG はドキュメントモデル( DOM )およびイベントを持ち
>eloper.mozilla.org/presentations/xtech2005/svg-canvas/SVGDemo.xml>、JavaScript からそれらへのアクセスが可能です。これにより、開発者は立地アニメーションやインタラクティブな画像の制作が可
>">そのサンプル</a> は、インライン SVG をフォームの背景画像として利用する方法を説明しています。<a href="ja/>能です。</small>
>JavaScript">JavaScript</a> と <a href="ja/CSS">CSS</a> をどう利用すれば、通常 
>の <a href="ja/XHTML">XHTML</a> でのスクリプトと同様に画像を扱えるかを紹介しています。</small 
>> 
nn95            <ul>
96              <li>Firefox の拡張である(<a class="external" href="http:/
 >/schepers.cc/grafox/">Grafox</a>) は、 SMIL アニメーションのサブセットを追加します
97              </li>
98              <li>インタラクティブな<a class="external" href="http://peopl
 >e.mozilla.com/~vladimir/demos/photos.svg">写真</a>の操作
99              </li>
100              <li>SVG の <code>foreignObject</code> の利用による <a clas
 >s="external" href="http://starkravingfinkle.org/blog/2007/07/fire
 >fox-3-svg-foreignobject/">HTML transformations</a>
101              </li>
102              <li>アニメーションされる <a class="external" href="http://lab
 >.vodafone.com/vienna/">アート</a>
103              </li>
104            </ul>
n45                <a class="external" href="http://jwatt.org/svg/aun107                地図、グラフ、ゲームおよび3Dの実験
>thoring/">SVG 製作ガイドライン</a> 
n48                <small>Jonathan Watt はこのドキュメントで SVG コンテンツに関する最も一般n110                <small>わずかな SVG の使用は、Web コンテンツを向上させます。一方、ここにあるものは
>的な誤りのいくつかについて議論し、SVG メンテナがそれらを修正するためにできることを説明します。</small>>本格的に SVG を使用した例です。</small>
n51            <dl>n113            <ul>
52              <dt>114              <li>
53                <a href="ja/Mozilla_SVG_Project">Mozilla SVG プロジェ115                <a class="external" href="http://www.croczilla.co
>クト</a>>m/svg/samples/svgtetris/svgtetris.svg">テトリス</a>、<a class="externa
 >l" href="http://www.codedread.com/yastframe.php">さらに別のテトリス</a> およ
 >び<a class="external" href="http://www.treebuilder.de/svg/connect4
 >.svg">Connect 4</a>
54              </dt>116              </li>
55              <dd>117              <li>
56                <small>Mozilla SVG プロジェクトの概要。</small>118                <a class="external" href="http://files.myopera.co
 >m/orinoco/svg/USStates.svg">米国の州を発見するゲーム</a>
57              </dd>119              </li>
120              <li>
121                <a class="external" href="http://www.carto.net/pa
 >pers/svg/us_population/index.html">米国の人口地図</a>と<a class="external
 >" href="http://www.destatis.de/jetspeed/portal/cms/Sites/destatis
 >/Internet/EN/Content/Statistics/Bevoelkerung/VorausberechnungBevo
 >elkerung/InteraktiveDarstellung/Content75/Bevoelkerungspyramide1W
 >1,templateId=renderSVG.psml">ドイツの人口グラフ</a>
122              </li>
123              <li>
124                <a class="external" href="http://www.treebuilder.
 >de/default.asp?file=441875.xml">3D ボックス</a>と<a class="external" h
 >ref="http://www.treebuilder.de/default.asp?file=206524.xml">複数の3D
 > ボックス</a>
125              </li>
126              <li>
127                <a class="external" href="http://www.amaltas.org/
 >svgapp">SVG と DOM を基に作成されたドローイングツール</a>
128              </li>
58            </dl>129            </ul>
59            <dl>
60              <dt>
61                <a href="ja/Mozilla_SVG_Project_FAQ">Mozilla SVG 
>プロジェクト FAQ</a> 
62              </dt>
63              <dd>
64                <small>この FAQ は、元々どういった質問が Mozilla の SVG 実装に関して行わ
>れていたかを見るために、ニュースグループ mozilla.dev.tech.svg とディスカッション・フォーラム forums. 
>mozillazine.org を隅々まで探した後に作成されました。</small> 
65              </dd>
66            </dl>
n68              <span class="alllinks"><a href="Special:Tags?tag=SVn131              <span class="alllinks"><a href="/Special:Tags?tag=S
>G&amp;language=ja">すべて見る...</a></span>>VG&amp;language=en" title="Special:Tags?tag=SVG&amp;language=en">
 >見る...</a></span>
n72            <h4 name=".E3.82.B3.E3.83.9F.E3.83.A5.E3.83.8B.E3.83.n135            <h4>
>86.E3.82.A3"> 
n84                <a class="external" href="http://svg-whiz.com/wikn147                <a class="external" href="http://wiki.svg.org/">S
>i/">SVG Wiki</a>>VG Wiki</a>
n87            <h4 name=".E3.83.84.E3.83.BC.E3.83.AB">n150            <h4>
n97            </ul>n
98            <p>
99              <span class="alllinks"><a href="Special:Tags?tag=SV
>G:Tools&amp;language=ja">すべて見る...</a></span> 
100            </p>
101            <h4 name=".E3.82.B5.E3.83.B3.E3.83.97.E3.83.AB">
102              サンプル
103            </h4>
104            <ul>
n106                <a class="external" href="http://www.croczilla.con161                <a href="/Special:Tags?tag=SVG:Tools&amp;language
>m/svg/samples/">SVG サンプル</a> (croczilla.com)>=en" title="Special:Tags?tag=SVG:Tools&amp;language=en">その他のツール..
 >.</a>
107              </li>
108              <li>
109                <a class="external" href="http://www.carto.net/pa
>pers/svg/samples/">より多くのサンプル</a> (carto.net) 
n112            <h4 name=".E9.96.A2.E9.80.A3.E4.BA.8B.E9.A0.85">n164            <h4 name="Related_Topics">
n117                <a href="ja/XML">XML</a>, <a href="ja/HTML/Canvasn169                <a href="/ja/XML" title="ja/XML">XML</a>, <a href
>">Canvas</a>>="/ja/HTML/Canvas" title="ja/HTML/Canvas">Canvas</a>
n125      <span class="comment">Categories</span>n177      {{ languages( {"de": "de/SVG", "en": "ja/SVG", "es": "es/SV
 >G", "fr": "fr/SVG", "it": "it/SVG", "pl": "pl/SVG", "pt": "pt/SVG
 >" } ) }}
t127    <p>t
128      <span class="comment">Interwiki Language Links</span>
129    </p>
130    <p>
131      <br>
132    </p>{{ languages( { "en": "en/SVG", "es": "es/SVG", "fr": "fr
>/SVG", "it": "it/SVG", "pl": "pl/SVG", "pt": "pt/SVG" } ) }} 

前に戻る