如何检查浏览器是否支持使用javascript的svg？

Question

我在我的网站上使用svg动画，但它也必须在较旧的浏览器中运行，它们不支持svg。我可以通过重定向到静态页面来解决这个问题。

但是甚至可以在javascript的帮助下检测浏览器是否支持svg吗？

任何帮助都将不胜感激。

Answer 1

我正在构建我的bolster扩充库的$ .supports（）部分时，我自己做了很多搜索。以下是我的理解：

canSvg = !!(document.createElementNS && document.createElementNS('http://www.w3.org/2000/svg','svg').createSVGRect);

在IE8 +上测试，效果很好。

修改

@SinaSadrzadeh提出了一个很好的观点，而且Modernizr是一个很棒的资源。我建议你使用Modernizr作为你的项目，如果你还没有，但特别是如果SVG不是唯一要测试的东西。如果你正在测试SVG是唯一的东西，那么就不需要引入整个库，但它不具备很多可扩展性。

Answer 2

您可以利用名为modernizr

的非常有用的库

包括之后，只需写下这样的内容：

if (!Modernizr.svg) {
  // svg fallback
}