js实现拓扑图，java拓扑图

拓扑图编辑器-jsplumb基本配置

jsPlumb支持绑定到Connections，Endpoints和Overlays上的几个不同事件，以及jsPlumb对象本身。

可以是整数，指定了连接器的每个末端的存根，或是一个整数数组，指定[源， 目标]端点的连接。

如何将设计好的拓扑图导出生成js文件

1、最佳答案：js直接做不到。要通过后台的java程序扫描，然后返回给js。

2、首先，打开html编辑器，创建一个新的html文件，如index.html，填写问题的基本代码。在index.js中，实现func1和func2函数。

3、第五步：绘制完成基本网络拓扑图后，点击画布上方的保存、下载、打印等按钮，对绘制好的图表进行存储，还可以导出为图片、PPT、PDF等多种类型的商务文件，方便快捷分享。

各位大神,有没有制作网络拓扑图的js插件

1、制作网络拓扑图可以直接用WORD或VISIO直接制作js实现拓扑图，并不需要JS插件。

2、originalEvent：建立连接js实现拓扑图的原始鼠标事件。注： jsPlumb.connect或者鼠标连线时触发此事件 info具有js实现拓扑图的属性：连接到某个节点之前放弃新拖动的Connection时不会触发此事件js实现拓扑图，可以使用connectionAborted捕获。

3、[鹏仔qq344225443]：// draw2d touchjs实现拓扑图，最近一直在看，挺强大的，使用的svg实现的。

4、ieBetter让ie6-8有高级浏览器的特性 ExplorerCanvas让IE8-的浏览器支持canvas CSS3Pie让IE6-9支持border-radious，box-shadow，linear-gradient。可以使用.htc文件（注意Minetype）或.js文件。

...在canvas或SVG上画网络拓扑图(如下图所示)的JS库?

1、[鹏仔qq344225443]：// draw2d touch，最近一直在看，挺强大的，使用的svg实现的。

2、Canvas 对象表示一个 HTML 画布元素 -canvas。它没有自己的行为，但是定义了一个 API 支持脚本化客户端绘图操作。你可以直接在该对象上指定宽度和高度，但是，其大多数功能都可以通过CanvasRenderingContext2D 对象获得。

3、图形和图表 svg和Canvas都可以表现图表(如柱状图， 散点图， 饼图等等)，常用的图形图表库中，百度的echarts是基于Canvas实现的，D3是基于svg实现的。

4、/canvas设置画布的大小为：宽400px、高200px，添加一个2px的红色、实线边框；在给创建好的画布一个id=myCanvas值，方便在下面绘制图形是找到画布元素。

拓扑图编辑器-jsplumb事件

1、在Overlay上注册事件侦听器是一个稍微不同js实现拓扑图的过程 - 将它们作为Overlay构造函数的参数。以下是在Overlay上注册点击监听器的方法js实现拓扑图：在jsPlumb对象以及Connections和Endpoints上，可以使用unbind方法删除监听器。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com