Html5通過拖拽節點使用連接節點連接兩個拖拽的對象

Question

我搜索了很多，但是我無法實現上面的場景。基本上我需要兩個我的項目的要求。 1st是一個對象或圖像被拖拽到畫布上，當鼠標點擊時它應該顯示拖拽對象周圍的連接點。然後在將其中一個連接點拖到另一個時，對象應該能夠互相連接。 您可以使用html5和silverlight檢查以下應用程序。但我需要用html5和任何其他的JavaScript庫來完成它。 http://grapholite.com/。如果有人能夠幫助我，我將非常感激。我也檢查了以下程序，但它不足以滿足我的要求。因爲連接應該通過連接節點發生。 Connect canvas with lines

Answer 1

您的問題來看，我認爲錨點的概念將是有益的......看看這...... http://www.html5canvastutorials.com/labs/html5-canvas-modify-curves-with-anchor-points-using-kineticjs/

Answer 2

參見this question，它引用了優秀JsPlumb。

社區版完全回答你的問題。看看perimeter anchors demo。