如何用jquery 在兩個物件中拉出一條可以拖曳的線段

我想做出兩個DIV節點上可以拉出一條線, 就像流程圖那樣！
在DIV拖曳時線斷不會斷掉,該如何利用jquery 實現呢？

在網路上有看到flow chart與jsPlumb這兩個套件, 但是主管希望我自己用jquery寫
不要依賴那些套件。

已經自已摸索了五天還是不會寫, 因此上來問問大家有沒有可以幫的上忙的呢？
謝謝你的觀看與協助, 感激在心。

PS.**類似下圖這樣的效果, 但是方塊拖曳時線不能斷掉。**
不知道能不能用最簡單程式碼示範給我參考與學習, 因為目前還是新手太複雜的寫法無法看懂這之間的邏輯,謝謝大家。

你们主管不让用组件，让你自己JQ开发。。。我想知道这是上班工作还是毕业设计？

上班工作的话，让一个还是个新手的人造轮子，这什么主管？

可以用Canvas绘制，然后捕获鼠标事件，连线