Latest web development tutorials

SVGプロフィール

SVGは、二次元のグラフィックス描画プログラムを記述するXML言語を使用することです。


学習前の基本的な知識が必要です。

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

  • HTML
  • XMLの基礎

あなたが最初にこれらの科目を勉強したい場合は、サイト喜ばホームページを 、適切なチュートリアルを選択します。


SVGとは何ですか?

  • SVGスケーラブルベクターグラフィックス手段(スケーラブルベクターグラフィックス)
  • SVGは、Webベースのベクターのためのパターンを定義するために使用され
  • SVGは、XML形式の定義グラフィックスを使用して
  • SVG画像を拡大したり、その画像品質の大きさの変化が失われることはありません
  • SVGは、標準のWorld Wide Webコンソーシアムであります
  • このようなDOMやXSLなどのSVGとW3C標準は全体のようなものです

SVGはW3C勧告であります

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

W3CのSVGのイベントの詳細を読むには、私たちをご覧くださいW3Cのチュートリアルを


SVGの歴史とメリット

2003年1月には、SVG 1.1がW3C標準として設立されました。

SVGの定義に関わる組織が含まれます:サン・マイクロシステムズ、アドビ、アップル、IBM、コダック。

他の画像形式と比較して、SVGの利点を使用します。

  • SVGを読み取り、(メモ帳など)を変更するためのツールの多くをすることができます
  • 小さいサイズSVGやJPEGやGIF画像が比較され、圧縮性強いです。
  • SVGはスケーラブルであります
  • SVG画像は、任意の高品質の解像度で印刷することができ
  • SVGは低下しない画像品質に誇張されてもよいです
  • SVG画像のテキストはオプションであり、(マップを作るために非常に適しています)検索可能です
  • SVGは、Javaテクノロジを使用して実行することができます
  • SVGは、オープン・スタンダードです
  • SVGファイルは純粋なXMLです

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

フラッシュに比べて、SVG最大の利点は、(XSLやDOMなど)他の規格と互換性があります。 Flashはオープンソースと独自の技術ではありません。


表示SVGファイル

インターネットExplorer9は、Firefox、Google Chromeの、オペラとSafariすべてのサポートSVG。

このような自由のために利用可能であるのAdobe SVGブラウザ、など - IE8およびそれ以前のバージョンでは、プラグインを必要とします。


SVGファイルを作成します。

SVGはXMLファイルであるため、SVG画像が作成する任意のテキストエディタを使用できますが、それはしばしばのような描画プログラムと組み合わせて使用されInkscapeは 、より簡単にSVG画像を作成します。