，一般用在系统中的审批配置中。今天给大家讲讲jsplumb+jqueryUI画流程图。这个应该是官方的API：https://docs.jsplumbtoolkit.c...1.jsPlumb简介本项目主要由SimonPorritt开发，他在澳大利亚悉尼从事web开发。适用于必须绘制图表的Web应用程序开发，你可以把它看成一个工具软件，也可以集成到你自己的项目中。然后再看jsplumb+jqueryUI+Vue的例子。2、基本元素的组成2.1源节点SourceId2.2目标节点TargetId2.3锚点Anchor2.4端点Endpoint2.5ConnectorLine3、jsPlumb方法3.1全局设置/*globaljsPlumb*/jsPlumb.ready(function(){jsPlumb.connect({source:'item_left',target:'item_right',endpoint:'Rectangle',connector:['Bezier'],anchor:['Left','Right']})jsPlumb.draggable('item_left')方法jsPlumb.draggable('item_right')})3.2连接两个节点jsPlumb.connect({source:'item_left',target:'item_right',endpoint:'Dot'})3.3可拖动节点jsPlumb.draggable('item_left')jsPlumb.draggable('item_right')3.4连接其他参数jsPlumb.connect({source:'item_left',target:'item_right',endpoint:'Rectangle',connector:['Bezier'],anchor:['Left','右']})3.5添加端点jsPlumb.addEndpoint("state1",exampleEndpoint1);.........方法很多，请阅读API，这里不再赘述。......4.实例初始化jsplumb默认注册在浏览器窗口中，为我们提供整个页面作为实例，但是我们也可以使用getInstance方法在页面中创建一个独立的实例：varfirstInstance=jsPlumb.getInstance();创建实例后，我们可以设置一些默认值：});firstInstance.connect({source:"element1",//源端点target:"element2",//目标端点范围："someScope"//可拖动范围});5.jsPlumb支持事件*connection*connectionDetached*connectionMoved*click*dblclick*endpointClick*endpointDblClick*contextmenu*beforeDrop*beforeDetach*zoom*ConnectionEvents*EndpointEvents*OverlayEvents*UnbindingEvents
