javascript - 如何检查浏览器是否支持带有 javascript 的 svg？

<分区>

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

但是否有可能在 javascript 的帮助下检测浏览器是否支持 svg？

如有任何帮助，我们将不胜感激。

最佳答案

不久前，当我构建我的 bolster 的 $.supports() 部分时，我自己对此进行了很多搜索。增强库。这是我的决定:

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

在 IE8+ 上测试，工作正常。

编辑

@SinaSadrzadeh 提出了一个很好的观点，而 Modernizr 是一个很棒的资源。如果您还没有为您的项目使用 Modernizr，我建议您使用它，尤其是当 SVG 不是唯一要测试的东西时。如果 SVG 是您唯一要测试的东西，那么引入整个库并不是必需的，但它不允许很多可扩展性。

关于javascript - 如何检查浏览器是否支持带有 javascript 的 svg？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27568071/

相关文章：

html - IE 中的 SVG 垂直对齐问题