JTopo实现拓扑图

实现拓扑图有很多方法，这里介绍Jtopo这个工具。

学习工具类，先看API。

image.png

这里可以看出，API很简单。

JTOPO的核心在于，先定制舞台stage，然后定义场景scene，在场景上添加node和link，就可以构成。有不同的node和link种类，直接使用即可。
使用canvas进行绘图，同时支持添加绑定事件。使用起来非常简单。

链接：http://www.jtopo.com/demo/helloworld.html

最终的实现效果：

image.png

这里的API涉及

node link的点击事件
zoomin zoomout滑轮进行缩放
点击按钮进行缩放
鹰眼图