jsPlumb將負載連接到主體

Question

我在一個名爲canvas的div中有一個jsPlumb流程圖。錨點被加載到這個div中，但是連接線被加載到主體中導致非常差的定位，並且在滾動時他們不隨着畫布移動

這裏是加載連接的代碼。

for (i = 0; i < load_array.linkDataArray.length; i++) { 
    var linkdata = load_array.linkDataArray[i]; 
    var anchors = [portToCoordinate(linkdata.fromPort), portToCoordinate(linkdata.toPort)]; 
    jsPlumb.connect({ 
     source: String(linkdata.from), 
     target: String(linkdata.to), 
     anchors: anchors 
    }); 
    } 

Answer 1

我有同樣的問題，我所做的就是suspendDrawing線，直到我與所有連接的陣列，所以

1. 杉杉我暫停繪製連接

   jsPlumb.setSuspendDrawing(true); 
   jsPlumb.setContainer("parentId"); //You can add a container in case you dont want the body to be the container 
   

2. 我加載我的數據

3. 一旦我有所有的數據（數組與連接）

   jsPlumb.setSuspendDrawing(false, true); 
   jsPlumb.connect({source:--,target:--}); 
   

- 而滾動，我猜你的紅外連接以及繪製你不會有這樣的問題，反正我用：

onResize(event) { 
    jsPlumb.repaintEverything(); 
} 

重繪線每次窗口都調整大小。