实现拓扑图有很多方法,这里介绍Jtopo这个工具。
学习工具类,先看API。
这里可以看出,API很简单。
JTOPO的核心在于,先定制舞台stage,然后定义场景scene,在场景上添加node和link,就可以构成。有不同的node和link种类,直接使用即可。
使用canvas进行绘图,同时支持添加绑定事件。使用起来非常简单。
链接:http://www.jtopo.com/demo/helloworld.html
最终的实现效果:
这里的API涉及
node link的点击事件
zoomin zoomout滑轮进行缩放
点击按钮进行缩放
鹰眼图