Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Html5通过拖动节点使用连接节点连接两个被拖动的对象_Javascript_Html_Html5 Canvas_Kineticjs - Fatal编程技术网

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

Javascript Html5通过拖动节点使用连接节点连接两个被拖动的对象,javascript,html,html5-canvas,kineticjs,Javascript,Html,Html5 Canvas,Kineticjs,我搜索了很多,但无法实现上述场景。基本上我需要我的项目两个要求。第一个是一个拖到画布上的对象或图像,当鼠标单击时,它应该显示拖动对象周围的连接点。然后,当将其中一个连接点拖动到另一个连接点时,对象应该能够彼此连接。 您可以使用html5和silverlight检查以下应用程序。但我需要用html5和任何其他javascript库来实现这一点。如果有人能在这方面帮助我,我将非常感激。我也检查了以下程序,但它不足以满足我的要求。因为连接应该通过连接节点来实现 从你的问题来看,我认为锚定点的概念会有帮

我搜索了很多,但无法实现上述场景。基本上我需要我的项目两个要求。第一个是一个拖到画布上的对象或图像,当鼠标单击时,它应该显示拖动对象周围的连接点。然后,当将其中一个连接点拖动到另一个连接点时,对象应该能够彼此连接。
您可以使用html5和silverlight检查以下应用程序。但我需要用html5和任何其他javascript库来实现这一点。如果有人能在这方面帮助我,我将非常感激。我也检查了以下程序,但它不足以满足我的要求。因为连接应该通过连接节点来实现

从你的问题来看,我认为锚定点的概念会有帮助……看看这个。。。。。。

另请参见,其中引用了优秀的


社区版完全回答了您的问题。请查看。

该代码链接可以满足您的大部分需求。请显示您尝试过且遇到问题的连接代码。您好,mark,我没有工作代码,我正在玩弄您的代码。我不需要一开始就画线。但当用户双击一个矩形时,该矩形应该有连接点。通过拖动连接点,用户可以绘制箭头或直线。你有实现这一目标的想法吗?谢谢,我很乐意帮忙。到目前为止你得到了什么?对不起,我现在没有代码显示。如果你能给我提些建议,那会很有帮助的。谢谢,我对你有信心。试着做一些代码!