svg 元素之间的连接

Question

有没有办法连接 svg 中的 2 个元素来实现类似图表的“流程图”？我有 2 个框，它们之间有一个箭头，如果我拖动一个框，我希望箭头保持与框的连接。

我发现 SVG 1.1 中有一个用于此功能的 spec，但还远未完成。

我找不到任何可以做到这一点的代码或库（我认为这不是一个罕见的用例），我想确定以前没有经过验证的方法可以做到这一点我自己开始做。

谢谢！

Answer 1

您可能对使用 Raphael 并完全符合您的意思的 Dracula 图形库感兴趣：

http://www.graphdracula.net/

更新：我以前没有使用过 jquery-svg，但我整理了一些小东西可能会让你继续前进：http://jsfiddle.net/7vJmy/2/

它利用 jquery-ui 可拖动，但我怀疑使用库中包含的 jquery.svganim.js 包有更好的方法 - 无论如何，这就是我现在所有的时间。

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