7

我必须向 SVG 有向图添加一些交互功能。

到目前为止,我要展示的图表是从点文件生成的,并呈现为 SVG。我想知道是否有一些简单的方法可以向此类 SVG 文档添加交互性(可能使用 Javascript)。

我需要的是在鼠标移过一个节点时显示一些信息,并可以比较两个节点。

由于我的模型是自动生成的,因此我更愿意保留点生成的 SVG,并使用单独的 Javascript 在其上添加附加信息。

4

1 回答 1

4

我有一个内联 SVG 的例子。这个 SVG 和你所拥有的不同之处在于我的演示中的那个具有节点和事物的 id 属性。我确实从 graphviz 网站得到了这个 SVG。

演示

(点击“Hello”节点)

当我有机会在我的服务器上上传 SVG 时,我会尝试从嵌入元素访问 SVG。我不能在 JSFiddle 上对浏览器中的相同域策略执行此操作。

这个页面也可能有帮助。它显示了 SVG 的一些脚本功能,尽管对于所有示例,脚本都在 SVG 本身中。

于 2011-09-16T21:47:05.023 回答