如何从单一来源连接多个目标?

时间:2013-12-14 11:59:13

标签: javascript jsplumb

我正在使用此代码将一个对象连接到另一个对象,这样可以正常工作。任何人都可以帮我修改它以将单个对象链接到多个对象。

var start = 'logo';
var end = 'link';    
jsPlumb.connect({
    source:start,
    target:end,
    connector: [ "Flowchart", {cornerRadius:1} ],
    paintStyle:{
        lineWidth:5,
        strokeStyle:'#3E2522' },
    anchors: [[1.02, 0.5, 0, 1], [-0.02, 0.5, 0, 0]],
    endpointStyle: { radius:0.5 }
});

1 个答案:

答案 0 :(得分:1)

将目标元素的所有id存储在一个数组中,然后您可以循环上面的代码以获得结果:

var start = 'logo';
var end = ['link1','link2','link3',....];    

for(var i=0;i<end.length;i++){
    jsPlumb.connect({
        source:start,
        target:end[i],
        connector: [ "Flowchart", {cornerRadius:1} ],
        paintStyle:{
            lineWidth:5, strokeStyle:'#3E2522' },
        anchors: [[1.02, 0.5, 0, 1], [-0.02, 0.5, 0, 0]],
        endpointStyle: { radius:0.5 }
    })
}