如何检查浏览器是否支持使用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是你唯一测试的东西,那么引入一个完整的库并不是必需的,但是它不允许有很多可扩展性.