因为公司业务须要作一些图标来展现一些数据,以前都是用百度的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