JsPlumb获取线数据

var g_MyJsPlumb = null;

funInitJSPlumb = function()
{
    g_MyJsPlumb = jsPlumb.getInstance({
        Endpoint:["Dot", { radius: 7 }],		// 端点形状
        ConnectionOverlays: [["Arrow", { width: 12, length: 12, location: 1 }]],		// 连线样式 装饰属性 箭头
        Connector: ["Flowchart", { stub: [40, 60], gap: 10, cornerRadius: 5, alwaysRespectStubs: true }],  //连接线的样式种类
    });
    g_MyJsPlumb.setContainer("flowCompView");    // 添加JsPlumb对象动态创建html元素的挂靠元素对象的ID
}


// 获取JsPlumb对象内所有线数据
var connections = g_MyJsPlumb.getAllConnections();
    for(var i in connections){
        // connections 是线数据数组
        connections[i].sourceId;    // 线的起始html元素的ID
        connections[i].targetId;    // 线的目标html元素的ID
        connections[i].endpoints;    // 线的端点 有起始端点和目标端点 endpoints是一个数组
        connections[i].endpoints[0].anchor;    // endpoints[0]是起始端点 anchor是锚点
        connections[i].endpoints[0].anchor.type;    // 锚点的type（类型），位置
        connections[i].endpoints[1].anchor;        // endpoints[1]是目标端点 anchor是锚点
        connections[i].endpoints[1].anchor.type;    // 锚点的type（类型），位置
    }
}

// 2019年1月28日 雷亚隆 转载请注明出处 谢谢