From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/glossary/svg/index.html | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 files/ja/glossary/svg/index.html (limited to 'files/ja/glossary/svg') diff --git a/files/ja/glossary/svg/index.html b/files/ja/glossary/svg/index.html new file mode 100644 index 0000000000..1a620962f7 --- /dev/null +++ b/files/ja/glossary/svg/index.html @@ -0,0 +1,40 @@ +--- +title: SVG +slug: Glossary/SVG +tags: + - Beginner + - CodingScripting + - Glossary + - Graphics + - SVG + - 'l10n:priority' +translation_of: Glossary/SVG +--- +

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

+ +

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

+ +

SVG は {{Glossary("XML")}} の文法に基づいており、{{Glossary("CSS")}} によるスタイルの設定と、 {{Glossary("JavaScript")}} を用いたインタラクティブ化が可能です。HTML5 では {{Glossary("HTML")}} ドキュメントに SVG {{Glossary("Tag","タグ")}}を直接埋め込むことができるようになりました。

+ +

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

+ +

詳細情報

+ +

基礎知識

+ + + +

SVG を学ぶ

+ + + +

技術情報

+ + -- cgit v1.2.3-54-g00ecf