帶路徑連接器的jQuery可拖動小部件

參照圖像，Block1和Block2都是可拖動的。帶路徑連接器的jQuery可拖動小部件

我的問題是：如何使兩個塊之間的紅色彩色鏈像連接器一樣？要求鏈條應該延伸到塊被拖動的地方。請提供指導教程/學習材料的指南。謝謝。

enter image description here

2012-06-06 jumpa

1。我創造了這兩個街區。 2。我創造了鏈條的各個塊。現在只有水平的一個。然而創造旋轉的塊在角落使用。 3.當拖動Block2時，我獲得X和Y. 4.我無法弄清楚如何在當前和之前的間隙中放置紅色塊。 5.可以使用這麼多div嗎？每個紅色塊有一個div。瀏覽器會非常繁重嗎？ – jumpa

可能重複？ http://stackoverflow.com/questions/6278152/drawing-a-line-between-two-draggable-divs –

你可能想看看this project.

來源

2012-06-06 19:59:39 blockhead

有很多jQuery插件用於創建數據庫可視化或流程圖連接器。如果像我這樣尋找這種插件的人可能想看看下面的插件。

JointJS 
Rappid 
Mxgraph 
GoJS 
Raphael 
Draw2D 
D3 
FabricJS 
paperJS 
JsPlumb 
FlowChart

以下鏈接可能會有幫助。

http://modeling-languages.com/javascript-drawing-libraries-diagrams/

來源

2016-05-09 13:32:33

GoJS允許您定義的鏈接路徑自己的自定義渲染，如在此示例中：http://gojs.net/latest/samples/relationships.html

下面是當你定義鏈接模板如何創建的紅色V形圖案： $(go.Link, go.Link.Orthogonal, $(go.Shape, { stroke: transparent, pathPattern: $(go.Shape, { geometryString: "F1 M2 3 L0 0 6 0 8 3 6 6 0 6z", fill: "red", strokeWidth: 0 }) }) )

這造成以下結果：

來源

2016-05-10 04:37:47

帶路徑連接器的jQuery可拖動小部件

回答

相關問題