jsPlumb流程图插件
效果图
插件说明
使用场景:审批,流转等流程的制作页面,
图中节点连线均由数据生成,图中节点可拖拽,
可新增节点,点击保存后能够获得新的节点与连线
的数据,便于保存到后台数据库。
(因为要加载数据,所以最好用webstorm才能看到效果)
相关API说明
“`
//实例化对象
instance = jsPlumb.getInstance({
Endpoint : [“Dot”, {radius:2}],
HoverPaintStyle: { strokeStyle: “#1e8151”, lineWidth: 2 },
ConnectionOverlays : [
[ “Arrow”, {location: 1, id:”arrow”, length:10, foldback:0.8, width: 10} ],
[ “Label”, { label:”“, id:”label”, cssClass:”labelstyle” }]
],
DragOptions : { zIndex:2000 },
Container:”topocontent”
});