在HTML中放置SVG内容的最佳方法

根据我的研究,我了解在HTML中放置SVG文件有三种方法:

使用 嵌入 :

<embed src="plot1.svg" width="500" height="320" type="image/svg+xml" />

使用 对象 :

<object data="plot1.svg" width="500" height="320" type="image/svg+xml" />

使用 伊夫拉姆 :

<iframe src="plot1.svg" width="500" height="320"> </iframe>

我在一个测试平台(Django内置的dev服务器,在firefox 3.6中呈现页面)上对这三个工具进行了实验。在这个明显无菌的环境下,我没有注意到这三种方法——W/R/T性能或分辨率之间的任何区别。

我的问题是,其中一个是否比另外两个更好,如果是的话,哪一个更好。答案当然可能取决于事实,我试图将其限制在相关的范围内:

我们经常在我们的网站上显示数据(例如,时间序列),通常是为了响应某些用户操作而创建的;基于该用户操作,对数据库进行调用,对返回的数据进行压缩并发送到绘图引擎,该引擎将呈现静态图像,然后将其嵌入到页面中Y标准材料。

这很好,但我想在这些图表中添加一些交互功能(例如,工具提示、超链接轴标签、突出显示绘图中的一组点)。有些图表相当复杂(例如,多面板调节),我没有找到包含这些功能的javascript图表库。最后,我决定使用相同的绘图库(R中的格子),但在SVG中呈现每个图表,然后在后处理步骤中添加用户交互功能,这基本上由直接操作XML的javascript函数组成。