SVG - スケーラブル・ベクター・グラフィック

"注目すべきもの: SVG（スケーラブル・ベクター・グラフィック） - ようやく、あらゆるサイズのデバイス上で最適にレンダリングされるグラフィックの登場だ。”

World Wide Web の考案者、Tim Berners-Lee

SVG はスケーラブル ベクターグラフィックスの頭文字で W3C において規定されているウェブ標準です。 この言語は XML 形式で記述され2次元のグラフィックやグラフィックアプリケーションに用いられます。

SVG は W3C により策定されたロイヤリティフリーでベンダーに依存しないオープンスタンダードです。 SVG についてさらに詳しくお知りになりたい方は W3C.org をご覧ください。

SVG デモ

SVG をご覧いただくには バージョン 8 以降の Opera をご利用ください。プラグインは必要ありません!

ご注意: SVG プラグインによってはこのページで必要な SVG 1.1 Tiny をサポートしないものもあります。その場合、不完全なアニメーションが表示されることもあります。

例

以下は、SVG がどのようなものかを示す一例になります。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
         "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">

<svg xmlns="http://www.w3.org/2000/svg" 
   xmlns:xlink="http://www.w3.org/1999/xlink">
  <g fill-opacity="0.6" stroke="#fff" stroke-width="1px">
    <circle cx="100px" cy="50px" r="50" fill="#00f" 
                      transform="translate(0,0)" />
    <circle cx="100px" cy="50px" r="50" fill="#ff0" 
                    transform="translate(30,50)" />
    <circle cx="100px" cy="50px" r="50" fill="#f0f" 
                    transform="translate(-30,50)"/>
  </g>
</svg>

SVG をご覧いただくには Opera 9.52 をご利用ください。プラグインは必要ありません!

ご覧いただけない方は代わりにスクリーンショットをご覧ください。