Canvas (Echarts) 绘制网络图

demo展示：https://kankan.fun/assets/Echarts/
代码下载：https://github.com/kankanol1/network

效果图 (PC端)

Canvas

Echarts

绘图进阶网址

1、Canvas | MDN
2、SVG.js v2.7 | Home
3、SVG 查询手册
4、Echarts 2.0 官网1 让数据说话
5、Echarts 3.0 官网 炫酷案例
6、D3 官网 数据驱动

寄语

关于具体的绘图规则和算法，在代码注释中已经给出。想学东西，希望读懂每一行代码，而不是简单的复制看效果。

不为别人，只为自己也要变得优秀。

主页

冰原狼主页：https://kankan.fun/
CSDN主页：https://blog.csdn.net/qq_38025939/
Github主页：https://github.com/kankanol1

明天的你一定会感谢现在拼命的自己！