SVG

Scalable Vector Graphics (SVG) は XML の文法に基づいた 2 次元ベクター画像フォーマットです。

W3C は、1990 年代後半に SVG に取り組み始めましたが、 SVG は Internet Explorer 9 が対応したときにはじめて有名になりました。主要なウェブブラウザーはすべて SVG に対応するようになりました。

SVG は XML の構文に基づいており、 CSS によるスタイルの設定と、 JavaScript を用いたインタラクティブ化が可能です。HTML では HTML 文書に SVG タグを直接埋め込むことができます。

SVG 画像は、ベクター画像形式であるため無限に拡大することができ、画面のサイズに応じてインターフェイス要素やグラフィックを作成できるため、レスポンシブデザインにおいても有用です。SVG にはクリッピング、マスキング、フィルター、アニメーションなどの便利なツールも用意されています。

関連情報