如何绘制网页版拓扑图

最近为了实现一个网页版的拓扑图, 采用了qunee.js这个js库. 觉得挺不错 . 记一下自己的使用心得. 

qunee是一个js库，封装了html5的canvas的许多方法，在上面也做了自己的很多开发， 可以实现许多效果。 

下面列举和运维相关的一些应用： 

子网模式   http://demo.qunee.com/#SubNetwork  Demo 

内网拓扑   http://demo.qunee.com/#Sinopec  Network Demo 

公网拓扑  http://demo.qunee.com/#Public  Server Network

网络组织图表  http://demo.qunee.com/#Network  Organization Chart 

总线模式   http://demo.qunee.com/#Bus  Demo

设备面板  http://demo.qunee.com/#Equipment  Demo

设备告警图一   http://demo.qunee.com/#Monitoring  Demo

设备告警图二  http://demo.qunee.com/#Alarm  Demo

VOIP  http://demo.qunee.com/#VOIP  Demo 

网络数据流  http://demo.qunee.com/#Flowing  Demo

VPC管理  http://demo.qunee.com/#VPC  Manager Demo 

机房分布图  http://demo.qunee.com/#2.5D  Room Demo 

除此之外， qunee还能用来绘制流程图， 思维导图ÿ