svg元素之间的连接

Question

有没有办法连接svg中的2个元素来实现“流程图”，如图？我有两个盒子，它们之间有一个箭头，如果我拖动一个盒子，箭头会保持与盒子相连，我希望这样做。

我已经发现在SVG 1.1中有这个功能的spec，但远远没有完成。

我找不到任何一段代码或库，它（但我认为这不是一个罕见的用例），我想确保没有一个可行的方法来做到这一点在我开始自己做之前。

谢谢！

Answer 1

您可能感兴趣它采用拉斐尔和究竟你是什么意思德库拉图形库中：

http://www.graphdracula.net/

更新：我以前没有使用jQuery的SVG，但是我把小东西一起这可能会让你去：http://jsfiddle.net/7vJmy/2/

它利用jquery-ui draggable，但我怀疑有一个更好的方法来使用包含该库的jquery.svganim.js包 - 无论如何，这是所有我现在有时间了。

此外，如果您将来可以在问题中包含图书馆限制等内容，以便您能够从中得到更具体的答案！ :)希望有所帮助。