將SVG圖像嵌入到網頁中：在FF中的不同行爲

Question

我剛剛試圖將簡單的動畫SVG圖像嵌入HTML網頁並取得了混合成功。探索網絡有點後，我發現了一些方法來做到這一點，包括一些在下面的例子：http://www.theinsanewonderland.com/loli/mekakucityactors/index_test.html

但在我火狐（V.31，64位，Ubuntu的）行爲是相當不一致：

• <object>：行爲預期，即背景圖像顯示和動畫工作正常（+/- 30秒的雙手去繞一圈）。
• <img>：背景圖像未加載;動畫在大約20°後凍結，然後在幾秒鐘後重置（但在整個環球航行30s之前已經過去）。
• <div>與background：同<img>
• ：同<object>

是否有人有任何這方面的經驗，並能解釋的區別？你是否觀察到與其他瀏覽器相同的效果？

PS： 剛剛試過 Chromium，其中一切工作正常和一致。

Answer 1

當用作圖像，即CSS背景或通過<img>標籤時，SVG文件必須在單個文件中完成。您需要將jpeg背景圖像文件作爲data uri嵌入到SVG文件本身中。

動畫問題是我剛剛修復的bug 1067375的一個例子。該修補程序將出現在1月12日發佈的Firefox 35中。如果你喜歡，你現在可以下載early beta release。