HTML/CSS問題：需要建議。如何

Question

我在JS上創建了一些流程圖生成器。我需要關於如何使兩個塊（div）與箭頭或線連接的建議。 看下面的例子中

 
______ 
|  | 
| DIV x---------------- 
|  |    | 
--------    | 
         | 
         __x___ 
        |  | 
        | DIV2 | 
        |  | 
        -------- 

Div的是dragable所以連接必須是動態的。你能幫助我嗎？

乾杯

Answer 1

只是一個想法;

認爲行也是一個div。讓我們說它是divLine。 divLine應該具有頁面的背景顏色。然後你可以分配邊界。這樣看起來就像一條線。

每當用戶拖動另一個div時，無論如何都要檢查X和Y值。根據這些值，調整你的divLines的高度，寬度和位置。也許你將不得不改變邊界值。

當然HTML5是更好的解決方案，但它不適用於每個瀏覽器。