HTML5支援內聯SVG
下面來介紹一下什麼是SVG
SVG可縮放向量圖形
可縮放向量是基於可擴充套件標記語言(標準通用語言的子集)，用於描述二維向量圖形的一種圖形格式。它由全球資訊網聯盟制定，是一個開放標準。
使用xml格式定義圖形
在放大或縮小或改變尺寸的情況下其圖形質量不會有損失
SVG優勢
與其他的影象格式相比（比如jpeg和gif）,使用svg優勢在於
svg影象可通過文字編輯器來編輯來建立和修改
svg影象可被搜尋，索引，指令碼化或壓縮
svg是可伸縮的
svg影象可在任何的解析度下被高質量地列印。
svg影象在無損耗的情況被放大。
在html5中，您能夠將svg元素直接嵌入html頁面中：
<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:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"> </svg>
記得曾經在給原來公司做專案的時候，用的是svg展示變電站、變壓器、高配、配變、饋線、開關等元器件，三兩個220KV的變電站組成一個環網單元，用一個svg
展示，一個svg檔案差不多就30多Mb,在ie7,ie8還不支援的情況，藉助abobe公司的外掛，展示svg.
在網頁中模擬滑鼠左鍵操作，利用單擊操作，修改svg影象 xml節點的值，然後重新整理頁面重新渲染影象。