动态更新SVG

Bud*_*dda 10 javascript html5 svg

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

有没有办法: - 将用户点击的对象(id)的信息发送到'主html文档'? - 从svg文件中的外部文档中绘制.

可能,我的描述不清楚,...我想实现这样的事情:

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

问题:如何从svg到文档,从文档到svg的通信?

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

PS可能SVG不是最好的方法吗?什么是更好的呢?

编辑:我看到有关拉斐尔使用的建议,但我希望看到'原生'选项.(现在我正在分析Raphaels的实现,看看,但不要认为它正是我正在做的事情).

Eri*_*röm 8

请参阅此示例,了解如何从父文档中获取引用的svg的DOM.

而且这里有一个例子,如何可以从SVG文件父文档调用.

SVG非常适合您所描述的内容.