SVGチュートリアル

各章の例

私たちの "それを自分で試してみてください"エディタを使用すると、SVGを編集することができ、その結果を表示するには、ボタンをクリックしてください。

あなたが既に知っておくべきこと

続行する前に、次のいくつかの基本的な理解を持っている必要があります。

• HTML
• 基本的なXML

あなたが最初にこれらの科目を勉強したい場合は、私たちの上のチュートリアルを見つけるのホームページを 。

SVGとは何ですか？

• SVGはスケーラブルベクターグラフィックスの略です
• SVGは、Web用のベクターベースのグラフィックを定義するために使用されます
• SVGはXML形式でグラフィックスを定義します
• 彼らはズームまたはサイズ変更された場合のSVGグラフィックスはどのような品質を失うことはありません
• SVGファイル内のすべての要素とすべての属性をアニメーション化することができます
• SVGはW3C勧告です
• SVGは、DOMやXSLのような他のW3C標準と統合します

SVGはW3C勧告であります

SVG 1.0は、2001年9月4日にW3C勧告となりました。

SVG 1.1は、2003年1月14日にW3C勧告となりました。

SVG 1.1 (Second Edition) 2011年8月16日にW3C勧告となりました。

SVGのメリット

（JPEGやGIFなどの）他の画像形式上でSVGを使用する利点は次のとおりです。

• SVG画像を作成し、任意のテキストエディタで編集することができます
• SVG画像は、検索インデックス化、スクリプト、および圧縮することができます
• SVG画像はスケーラブルであります
• SVG画像は、任意の解像度で高品質で印刷することができます
• SVG画像は、ズーム可能です(and the image can be zoomed without degradation)
• SVGは、オープン・スタンダードです
• SVGファイルは純粋なXMLです

SVGへの主な競争相手には、Flashです。

最大の利点のSVGには、Flash上で、他の規格に準拠しているしている(eg XSL and the DOM) Flashはオープンソースではない独自の技術に依存しています。

SVG画像を作成します

SVG画像は、任意のテキストエディタで作成したが、多くの場合のように、描画プログラムでSVG画像を作成する方が便利であることが可能Inkscapeの 。