Html5通过拖动节点使用连接节点连接两个拖动的对象

时间:2014-02-15 13:19:29

标签: javascript html5 html5-canvas kineticjs

我搜索了很多,但我无法实现上述方案。基本上我的项目需要两个要求。 1st是将对象或图像拖到画布上,当鼠标单击它时,应显示拖动对象周围的连接点。然后,当将其中一个连接点拖到另一个连接点时,对象应该能够相互连接。 您可以使用html5和silverlight检查以下应用程序。但我需要用html5和任何其他JavaScript库来做。 http://grapholite.com/。如果有人能帮助我,我将非常感激。我也检查了以下程序,但这还不足以满足我的要求。因为连接应该通过连接节点来实现。 Connect canvas with lines

2 个答案:

答案 0 :(得分:0)

另请参阅this question,其中引用了优秀的JsPlumb

社区版完全回答了您的问题。看看perimeter anchors demo

答案 1 :(得分:-1)

根据你的问题判断,我认为锚点的概念会有所帮助......看看这个...... http://www.html5canvastutorials.com/labs/html5-canvas-modify-curves-with-anchor-points-using-kineticjs/