Question

通过jquery（或简单的javascript）插入动画SVG会使它们在Chrome和Edge中显示为静态，尽管它们在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动画。