具体想要什么样的效果，简单的点击生成线和节点很简单，调用rect，lineto，arc就能完成；如果要在生成的框内加文字就需要text方法，点击生成时将rect的起始点存在一个数组里；
企业建站必须是能够以充分展现企业形象为主要目的，是企业文化与产品对外扩展宣传的重要窗口，一个合格的网站不仅仅能为公司带来巨大的互联网上的收集和信息发布平台，创新互联建站面向各种领域：成都食品包装袋等成都网站设计、全网营销推广解决方案、网站设计等建站排名服务。
然后最好在外面设置一个input框，然后每次生成之后，需要input输入节点的内容，
最后设置一个右键事件表示事件结束。置于焦点和交点处逻辑也要考虑到。
1.各个应用系统、服务器信息及系统直接的调用都录入到数据库中
2.前端拓扑图、或系统调用关系图的展示UI可以通过一些选项从数据库中捞出数据，然后在UI上动态绘制出关系图来
3.如HTML5 Canvas或基于HTML5 Canvas的JTopo、SVG都可以很好的绘制出这种图来。
比较合适的方法：jTopo（Javascript Topology library)是一款完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包。
使用jTopo很简单，可以快速创建一些关系图、拓扑等相关图形化的展示。只要您的数据之间存在有关联关系，都可以使用jTopo来进行人性化、图形化的展示。
jTopo的目标：1.简单好用 2.灵活扩展 3.轻松开发出类似Visio、在线脑图、UML建模等类似工具 4.为大数据可视化提供解决方案.