SVG埋め込みHTMLページ


ビットマップには、拡大縮小がピクチャ歪みをもたらすという欠点があることはよく知られていますが、この問題を解決するために、ベクトルマップは、SVG(スケーラブルベクトルパターン)がw 3 c標準のベクトルマップであることに対応しています.SVGの応用は非常に広く、
他の画像フォーマット(JPEGやGIFなど)と比較して、SVGを使用する利点は次のとおりです.
SVG画像は、テキストエディタによって作成および修正することができる.
SVG画像は、検索、インデックス、スクリプト化、または圧縮することができる.
SVGは伸縮可能なである.
SVG画像は、任意の解像度で高品質に印刷することができる.
SVGは、画像品質が低下ことなくに拡大することができる.
では、SVGをどのように使うのでしょうか.HTML 5では、SVG要素をHTMLページに直接埋め込むことができ、SVGの使用が非常に簡単になる.以下に、SVGを使用する例を示します.
<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
   <polygon points="100,10 40,180 190,60 10,60 160,180"
   style="fill:red;stroke:blue;stroke-width:3;fill-rule:evenodd;" />
</svg>
 
</body>
</html>