簡單瞭解svg

概念：

Scalable Vector Graphics (SVG) 可擴展矢量繪圖，是一種用來描述二維矢量圖形的XML標記語言。

特性：

SVG 可被很是多的工具讀取和修改（好比記事本）
SVG 與 JPEG 和 GIF 圖像比起來，尺寸更小，且可壓縮性更強。
SVG 是可伸縮的
SVG 圖像可在任何的分辨率下被高質量地打印
SVG 可在圖像質量不降低的狀況下被放大
SVG 圖像中的文本是可選的，同時也是可搜索的（很適合製做地圖）
SVG 能夠與 Java 技術一塊兒運行
SVG 是開放的標準
SVG 文件是純粹的 XML
SVG 的主要競爭者是 Flash。
與 Flash 相比，SVG 最大的優點是與其餘標準（好比 XSL 和 DOM）相兼容。而 Flash 則是未開源的私有技術。

SVG 形狀：

矩形 <rect>
圓形 <circle>
橢圓 <ellipse>
線 <line>
折線 <polyline>
多邊形 <polygon>
路徑 <path>

參考：

svg|mdn
svg動畫
使用svg