2013-02-02 19 views
5

içinde düz hat bağlantısı oluşturulamıyor İki uç nokta arasında JSPlumb içinde düz bir çizgi bağlantısı oluşturmaya çalışıyorum. Bitiş noktasına bağlanmaya çalıştığımda, düz bir çizgi bağlantısı oluşturmak yerine kaynak noktası sürüklenir. İşteJSPlumb

keman: http://jsfiddle.net/dutchman71/aMksZ/2/

Herhangi bir yardım takdir.

  var endpointOptions = { 
        anchor:"BottomCenter", 
        maxConnections:1, 
        isSource:true, 
        isTarget:true, 
        endpoint:["Dot", {radius:5}], 
        paintStyle:{fillStyle:"#5b9ada"}, 
        connectorStyle : { lineWidth: 3, strokeStyle:"#5b9ada" }, 
        connector : new jsPlumb.Connectors.Straight(), 
        setDragAllowedWhenFull:true, 
        connectorOverlays:[ 
         [ "Arrow", { width:20, length:30, location:1, id:"arrow" } ], 
         [ "Label", { label:"", id:"label" } ] 
        ]    
        } 

      jsPlumb.bind("ready", function() { 

        jsPlumb.addEndpoint('block1', endpointOptions); 

        jsPlumb.addEndpoint('block2', endpointOptions); 

        jsPlumb.draggable('block1'); 
        jsPlumb.draggable('block2'); 
      }); 

cevap

7

Evet, o yüzden ben (docs bakınız) bir cevap bulmuş olabilir gibi görünüyor. Bu hat ile

connector: new jsPlumb.Connectors.Straight() 

: bu satırı değiştirin

connector: ["Straight"]