svg元素之间的连接

时间:2012-01-07 02:51:56

标签: svg raphael jquery-svg

有没有办法连接svg中的2个元素来实现图表中的“流程图”?我有2个盒子,它们之间有一个箭头,我希望如果我拖动一个盒子,箭头会保持连接到盒子。

我已经知道SVG 1.1中有这个功能的spec,但还远未完成。

我找不到任何代码或库来执行它(我认为这不是一个罕见的用例),我想确定之前没有经过验证的方法我自己开始制作它。

谢谢!

1 个答案:

答案 0 :(得分:2)

您可能对使用Raphael的Dracula Graph Library感兴趣并完全按照您的意思行事:

http://www.graphdracula.net/

更新:我以前没有使用过jquery-svg,但是我把一些小东西放在一起可能会让你前进:http://jsfiddle.net/7vJmy/2/

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

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