2015-04-06 72 views
0

我使用jsplumb來表示作業之間的依賴關係。 請看下面的jsfiddle,看看我到目前爲止。 JsFiddle向jsPlumb錨定添加偏移量

var arrow_template = { 
    connector:"StateMachine", 
    paintStyle:{lineWidth:3,strokeStyle:"#0060CF"}, 
    hoverPaintStyle:{strokeStyle:"#dbe300"}, 
    endpoint:"Blank", 
    anchors:["Right", "Left"], 
    reattach:false, 
    overlays:[["PlainArrow", {location:1, width:10, length:10} ]] 
}; 

我想添加一些水平偏移到連接的左側被定位,以便它不會隨滾動條去。而是從面板邊界開始。

我已閱讀documentation for anchors這裏,但我不完全理解。當我嘗試使用錨點設置值玩時,我沒有連接/箭頭。

感謝任何幫助。

回答

2

請參閱Anchor Offsets section

除了提供一個錨的位置和方向,你可以選擇提供兩個定義爲給定的位置像素的偏移參數。

所以如果你用anchors:[[1, 0.5, 0, 0, 18, 0], "Left"],替換anchors:["Right", "Left"],你的問題將被解決。

JSFiddle Demo

+0

太好了!我沒有意識到我可以爲每個錨/端點提供這6個參數。 感謝您的幫助。 – icramc