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

Question

我正在JS上創建某種流程圖生成器。 我需要有關如何制作用箭頭或直線連接的兩個塊（div）的建議。 看下面的例子

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

Divs是可拖動的，因此連接必須是動態的。 你能幫我嗎？

干杯

Answer 1

只是一個想法；

也將這些行視為div。 可以說是divLine。 divLine應該具有頁面的背景色。 然后，您可以分配邊框。 這樣看起來就像一條線。

每當用戶拖動另一個div時，無論如何都要檢查X和Y值。 根據這些值，調整divLines的高度，寬度和位置的大小。 可能還需要更改邊框值。

當然，HTML 5是更好的解決方案，但並非在所有瀏覽器中都可以使用。