svgデータはベクトルデータの形式として共通規格が作られています。
規格はW3Cのページ http://www.w3.org/ を参照してください。
http://www.w3.org/ のページでは、Web Design and Applications内のGraphicsに分類されています。 英語の規格のページ内のどこかに translation のリンクがあり、この中にSVG1.1 仕様の日本語版があります。
SVGはScalable Vector Graphicsの略です。
ベクトルグラフィックスには次のような特徴があります。
アニメーションやスクリプトを使った動きのある絵を作ることもできます。
インタラクティブな動作も可能です。
データはテキストデータです。 XMLで記述されます。
たとえば長方形を2つ描くSVGはこんなデータになります。
<?xml version="1.0" standalone="no"?> <svg width="5cm" height="4cm" version="1.1" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5cm" y="0.5cm" width="2cm" height="1cm"/> <rect x="0.5cm" y="2cm" width="1cm" height="1.5cm"/> </svg>
テキストエディタを使って編集できます。
文字コードとしてはUTF-8を使うことを薦めます。
HTML5対応のほとんどのブラウザで表示できるようになりました。
1) Opera
2) FireFox
3) IE