因爲公司業務須要作一些圖標來展現一些數據,以前都是用百度的echart.js。此次放棄使用它轉而本身開發是有幾個緣由git
echart文件太大,有些功能用不到github
echart樣式不易擴展,知足不了設計的需求web
需求簡單canvas
考慮上面幾個緣由就決定本身開發一個圖標庫,主要介紹折線圖和雷達圖svg
繪製圖表能夠用canvas、svg、webgl等,echart是用canvas繪製,因此我就直接考慮用canvas。webgl
折線圖:經過lineto將點連起來設計
雷達圖:由外向內,經過arc、fill等方法繪製圖片
折線圖轉成曲線
經過網上查找資料,按照騰訊這篇文章來實現http://www.alloyteam.com/2015...開發
圖片文字模糊
問題分析和解決這裏已經總結https://github.com/baixuexiya...get