SVG

目次

  1. 1. ドキュメント
  2. 2. 例
  3. 3. コミュニティ
  4. 4. ツール
  5. 5. 関連事項
ページ通知 オフ
始めよう
このチュートリアルは、あなたが SVG を使い始める際に役立つでしょう。
Scalable Vector Graphics (SVG)は、2 次元ベクターグラフィックのための XML マークアップ言語です。基本的に、テキストには XHTML があるように、グラフィックには SVG があります。SVG の対象は、Adobe が所有するプロプライエタリな Flash 技術と重なりますが、Flash との顕著な違いは、SVG は W3C 勧告 (それは、すべての意図と目的のための標準) であり、閉鎖的なバイナリフォーマットとは対照的な XML ベースであることです。CSS、DOM および SMIL のような他の W3C 標準と共に使うことをはっきりと意図して設計されています。
HTML コンテンツの向上
SVG は HTML、 CSS と JavaScript と連係して動作します。SVG の使用によって、通常の HTML ページ または Web アプリケーションは強化されます。
Mozilla での SVG 実装
Mozilla での SVG 実装についての情報と注記 。

例

すばらしいイメージ形式
SVG はベクターグラフィック形式です。ベクターグラフィックは、ラスター（ビットマップ）グラフィックでは不可能である、品質を損なうことのない画像の拡大と縮小が可能です。
アニメーションとインタラクション
HTML のように, SVG はドキュメントモデル（ DOM ）およびイベントを持ち、JavaScript からそれらへのアクセスが可能です。これにより、開発者は立地アニメーションやインタラクティブな画像の制作が可能です。
  • Firefox の拡張である(Grafox) は、 SMIL アニメーションのサブセットを追加します
  • インタラクティブな写真の操作
  • SVG の foreignObject の利用による HTML transformations
  • アニメーションされる アート
地図、グラフ、ゲームおよび3Dの実験
わずかな SVG の使用は、Web コンテンツを向上させます。一方、ここにあるものは本格的に SVG を使用した例です。

全てを見る...

関連事項

XML, Canvas

Tags (1)

タグを編集

Attachments (0)

 

添付ファイル