将 SVG 图像嵌入网页：FF 中的不同行为
Embedding SVG image into a webpage: different behaviour in FF
我一直在尝试将简单的动画 SVG 图像嵌入到 HTML 网页中，但取得了不同程度的成功。在网上浏览了一下之后，我发现了很多方法，并在以下示例中包含了一些方法：http://www.theinsanewonderland.com/loli/mekakucityactors/index_test.html
但是在我的 Firefox（v.31、64 位、Ubuntu）上，行为非常不一致：
<object>：行为符合预期，即显示背景图像并且动画按预期工作（+/- 30 秒，手转动一次）。<img>: 背景图片未加载；动画在大约 20° 后冻结，然后在几秒钟后重置（但在整个 30 秒的环球航行之前）。<div> 与 background：与 <img><iframe>：与<object>
有人对此有任何经验并可以解释差异吗？你在其他浏览器上观察到同样的效果吗？
注：
刚刚尝试了 Chromium，一切正常且一致。
当用作图像时，即 CSS 背景或通过 <img> 标签，SVG 文件必须在单个文件中完整。您需要将 jpeg 背景图像文件作为 data uri 嵌入 SVG 文件本身。
动画问题是 bug 1067375 which I fixed a while ago. The fix will appear in Firefox 35 which will be released on 12th of January. You can download an early beta release 的一个例子，如果你愿意的话。
我一直在尝试将简单的动画 SVG 图像嵌入到 HTML 网页中，但取得了不同程度的成功。在网上浏览了一下之后，我发现了很多方法，并在以下示例中包含了一些方法：http://www.theinsanewonderland.com/loli/mekakucityactors/index_test.html
但是在我的 Firefox（v.31、64 位、Ubuntu）上，行为非常不一致：
<object>：行为符合预期，即显示背景图像并且动画按预期工作（+/- 30 秒，手转动一次）。<img>: 背景图片未加载；动画在大约 20° 后冻结，然后在几秒钟后重置（但在整个 30 秒的环球航行之前）。<div>与background：与<img> 相同
<iframe>：与<object>相同
有人对此有任何经验并可以解释差异吗？你在其他浏览器上观察到同样的效果吗？
注： 刚刚尝试了 Chromium，一切正常且一致。
当用作图像时，即 CSS 背景或通过 <img> 标签，SVG 文件必须在单个文件中完整。您需要将 jpeg 背景图像文件作为 data uri 嵌入 SVG 文件本身。
动画问题是 bug 1067375 which I fixed a while ago. The fix will appear in Firefox 35 which will be released on 12th of January. You can download an early beta release 的一个例子，如果你愿意的话。