如何動態地將外部動畫SVG

Question

插入通過jQuery（或普通的JavaScript）的動畫SVG使他們出現在Chrome和邊緣靜態的，雖然他們在Firefox中顯示了罰款：

$(".loader").prepend("<svg><use xlink:href='/images/icons.svg#loading-ring'></use></svg>"); 

從單獨插入文件並使用一個對象或img標籤似乎在Firefox和Chrome瀏覽器工作正常，但仍然沒有EDGE：

$(".loader").prepend("<object data='/images/loading-ring.svg' type='image/svg+xml'></object>"); 

另見： jsfiddle

我是否以這種錯誤的方式去做，或者瀏覽器的兼容性真的很差？

Answer 1

是的，你是對的，不幸的是邊緣和舊的，即不支持與SMIL svg動畫。

請點擊這裏：http://caniuse.com/#search=svg%20animation