在前端的工作過程中經常會使用一些圖示。在之前我們曾用過兩種方式：，純css，iconfont。
使用是一種簡單的方式，然而卻有樣式不好調整，資源較大的缺點。
純css只能實現較簡單的圖形，多用before、after實現，優點是體積小，缺點是每次使用都是手寫，調整太浪費時間。
iconfont是阿里的乙個圖示庫，是乙個比較好的方式，把圖示當作字型，方便調整，然而專案管理卻要付出一定時間，新增圖示又需要重新匯入。
最近剛好看到svg，發現svg也是一種相當方便的方式。首先svg是**的方式，體積小，再次寫起來不像純css那麼難。
在這裡先記錄下乙個簡單箭頭的寫法，以後在使用中繼續完善。
1. svg標籤
2. 插入折線
polyline是一組連線在一起的直線。因為它可以有很多的點，折線的的所有點位置都放在乙個points屬性中。
points點集數列。每個數字用空白、逗號、終止命令符或者換行符分隔開。
每個點必須包含2個數字，乙個是x座標，乙個是y座標。所以點列表 (0,0), (1,1) 和(2,2)可以寫成這樣：「0 0, 1 1, 2 2」。
3. 設定線條
stroke線條顏色，stroke-width線條寬度，stroke-linecap線條端點樣式，stroke-linejoin線條結點樣式，fill填充樣式
svg
4. 插入到html，可以當作正常標籤使用
WPF使用SVG簡單整理
一 svg是什麼 它的英文全稱為scalable vector graphics，意思為可縮放的向量圖形。具體參考 二 svg製作 3 使用inkscape軟體 這個軟體在處理svg明顯強大的多，有詳細幫助文件和示例，具體參考官網。三 wpf裡使用svg 我常用的有三種方式 1 單個圖示的svg,2...
SVG裝置簡單介紹
一 svg的效果 svg是典型的電力電子裝置，由三個基本功能模組構成 檢測模組 操控運算模組及補償輸出模組。其作業原理為由外部ct檢測體系的電流資訊，然後經由操控晶元分析出當前的電流資訊 如pf s q等 然後由操控器給出補償的驅動訊號，最後由電力電子逆變電路組成的逆變迴路宣布補償電流。svg停止無...
svg簡單的應用
1 可以直接在html內寫svg 1 width寬度，height高度 2 xmlns svg的規則 2 rect節點 1 長方形 2 x y位置 3 rx ry圓大小 4 fill填充顏色 3 circle節點 1 圓形 2 cx cy位置 3 r圓直徑 4 fill填充顏色 4 path畫線節點...