このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
SVG
Scalable Vector Graphics (SVG) はXML の文法に基づいた 2 次元ベクター画像フォーマットです。
W3C は、1990 年代後半に SVG に取り組み始めましたが、 SVG はInternet Explorer 9 が対応したときにはじめて有名になりました。主要なウェブブラウザーはすべて SVG に対応するようになりました。
SVG はXML の構文に基づいており、CSS によるスタイルの設定と、JavaScript を用いたインタラクティブ化が可能です。HTML ではHTML 文書に SVGタグを直接埋め込むことができます。
SVG 画像は、ベクター画像形式であるため無限に拡大することができ、画面のサイズに応じてインターフェイス要素やグラフィックを作成できるため、レスポンシブデザインにおいても有用です。SVG にはクリッピング、マスキング、フィルター、アニメーションなどの便利なツールも用意されています。
In this article
関連情報
- SVG(ウィキペディア)
- W3.org の SVG 入門 (英語)
- MDN の SVG ドキュメント
- 最新の SVG の仕様書 (英語)