第五章涉及知識點有點多，要慢慢消化一會兒。。。
svg的樣式之間的關係像極了html和css之間的關係，但還是有細微的差別。
前一篇說到的svg的樣式主要就是strock和fill的相關屬性。這些屬性可以用四種不同方式被作用到svg元素上，比css作用到html元素多一種。
比如stroke="red"要作用到上
以上三種簡直和在html裡用css一模一樣。
svg允許元素內部單獨乙個個宣告屬性和對應引數值。但這種方式定義的樣式優先級別是最低的，除了比繼承樣式高，和所有直接作用於該元素上的樣式相比，這種方式總是會被其他樣式覆蓋。
元素用來將多個svg元素打包成乙個組(group)，然後給這個組乙個id屬性。
比如畫乙隻貓需要很多個svg元素，這些元素用包起來，把id設定為cat
/**
畫貓的svg**
*/
在上設定的fill和stroke相關屬性會作用到其內部所有未設定對應屬性的元素上，已經設定的對應屬性的元素不會被g設定的屬性覆蓋掉。比如
rect的fill被設定成了red，但是stroke還是black
單獨使用元素好像除了可以省掉點重複屬性就沒啥用了。但是有了以後就完全不一樣啦。
比如，想畫一堆貓。
傻辦法就是ctrl-c ctrl-v。
但有了use以後可以這樣使用
/**
畫貓的svg**
*/...
xlink:href的引數值就代表指定的**塊。和css選擇器一樣，選擇id用#。
當中定義了fill或者stroke屬性時，如果指定的**塊上沒有相應的屬性被定義，那麼複製出來的**塊將帶著中定義的屬性被渲染。
比如
如果指定的**塊是乙個外部的svg檔案中的某個id="outerg"的標籤，可以這樣
使用這種方式有個限制，不能跨域，而且不支援ie
搭配雖然強大，但還不夠強大。
類似template模板，實際應用的時候，我希望能用現成的模板去生成一段段**，而作為模板的**在介面上並不會被展示出來。這樣，這個模板生成的內容我想在哪兒放就在哪兒放。並且模板的屬性可以在使用的時候自行設定。
僅使用和，是無法完成的。（個人理解，只有一種情況可以實現以上功能。設定fill="none"，不設定stroke。但我覺得絕對不會有人這麼幹）
所以這就有了元素。被包裹的所有元素都不會被展現在畫布上。
這樣一來，把用一包，啥屬性都不用定義，剩下的統統交給標籤，這樣就完全能作為模板來使用啦~
用例子說明一下
左邊因為是xminymin meet，所有完全展示並且緊靠頂部。
右邊因為是xmaxymax slice，所以三角形高度撐滿整個長方形區域且緊靠右側。
顧名思義裡面放的，至於說是向量圖(vector)還是位圖(raster)，都成。
用起來也方便
有一點要注意的是，可以定義寬度和高度，但可能並不是原始比例。預設情況下有個屬性preserveaspectratio="xmidymid meet"，沒想到這個屬性除了和viewbox有親密關係外，和還有一腿，都這麼說了，想必這屬效能幹嘛也不用多解釋了。 svg自己記得文件
位圖 canvas 由乙個個畫素構成，放大會失真，容納顏色多 向量圖 svg 由數學向量，放大不會失真，容納顏色比位圖少 給父元素設定 transform style preserve 3d perspective 800px.倆個結合用使得3d效果愈發明顯 座標和多邊形一樣也可以通過逗號或者空格來...
GML文件到SVG文件的轉換
儘管 gml適用於地理資訊交換和共享，但它並不是為影象顯示而設計的，所以 gml文件是無法以影象的形式顯示給使用者的。要將地理時空資訊發布出去，就要將 gml文件轉換為合適的影象格式檔案。此資料發布元件採用 svg作為系統的地理資訊發布格式，因此需要將 gml文件轉換為 svg文件。gml文件向 s...
GML文件到SVG文件的轉換
儘管gml適用於地理資訊交換和共享，但它並不是為影象顯示而設計的，所以gml文件是無法以影象的形式顯示給使用者的。要將地理時空資訊發布出去，就要將gml文件轉換為合適的影象格式檔案。此資料發布元件採用svg作為系統的地理資訊發布格式，因此需要將gml文件轉換為svg文件。gml文件向svg文件轉換，...