javascript - 动态更新 SVG

Question

我在 svg 中有一些对象可以被用户点击。

有没有办法: - 将有关用户单击的对象 (id) 的信息发送到“主 html 文档”？ - 从 svg 文件中的外部文档绘制。

可能，我的描述不清楚，...我想实现这样的东西:

1. 用户点击 svg-image 中的任何对象；
2. 主文档将收到被点击对象的 ID 并且:
   • 显示有关该对象的一些信息；
   • 在 svg 图像中绘制其他对象。

问题:如何从 svg 到 document 以及从 document 到 svg 进行通信？

非常感谢，欢迎任何想法!

附言SVG 可能不是最好的方法？那有什么更好的呢？

编辑: 我看到了有关使用 Raphael 的建议，..但我希望看到“本地”选项。 (目前我正在分析 Raphaels 的实现以了解这一点，但不要认为它完全符合我的需要)。

Answer 1

参见 this example了解如何从父文档获取引用的 svg 的 DOM。

和here's an example了解如何从 svg 文件调用父文档。

SVG 非常适合做您描述的事情。