JavaScript 判断浏览器是否支持SVG的代码

 更新时间:2013年03月21日 14:19:57   作者:  
SVG(可缩放矢量图形),接下来将介绍下如何判断浏览器是否支持SVG,感兴趣的朋友可以参考下哈,希望本代码对你有所帮助
可缩放矢量图形(Scalable Vector Graphics,SVG)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG由W3C制定,是一个开放标准。另SVG还是Static Var Generator静止无功发生器的简称

判断浏览器是否支持SVG的代码(部分截去自Highcharts源码):
Js代码:
复制代码 代码如下:

function hasSVG(){
SVG_NS = 'http://www.w3.org/2000/svg',
return !!doc.createElementNS &&
!!doc.createElementNS(SVG_NS, 'svg').createSVGRect;
}

IE8不支持SVG,所以给Highcharts图表设置legend水平位置时,设置相同的x值,Chrome与IE的显示效果不一致。因此需要判断浏览器是否支持SVG,根据不同结果,设置不同的x值。

相关文章

  • 鼠标经过显示二级菜单js特效

    鼠标经过显示二级菜单js特效

    本文章来给大家推荐一个不错的鼠标经过显示二级菜单js特效效果,有需要了解的朋友可以参考一下
    2013-08-08
  • 正则表达式替换html元素属性的方法

    正则表达式替换html元素属性的方法

    下面小编就为大家带来一篇正则表达式替换html元素属性的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • JavaScript实现异步任务循环顺序执行详解

    JavaScript实现异步任务循环顺序执行详解

    这篇文章主要为大家详细介绍了JavaScript中实现异步任务循环顺序执行的方法,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一下
    2023-03-03
  • JS获取填报扩展单元格控件的值的解决办法

    JS获取填报扩展单元格控件的值的解决办法

    这篇文章主要介绍了JS获取填报扩展单元格控件的值的解决办法,需要的朋友可以参考下
    2017-07-07
  • three.js引入glsl文件并高亮显示代码的完整步骤

    three.js引入glsl文件并高亮显示代码的完整步骤

    这篇文章主要给大家介绍了关于three.js引入glsl文件并高亮显示代码的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-03-03
  • 关于layui的下拉搜索框异步加载数据的解决方法

    关于layui的下拉搜索框异步加载数据的解决方法

    今天小编就为大家分享一篇关于layui的下拉搜索框异步加载数据的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js如何读取csv内容拼接成json

    js如何读取csv内容拼接成json

    这篇文章主要介绍了js如何读取csv内容拼接成json,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 原生js代码实现图片放大境效果

    原生js代码实现图片放大境效果

    今天小编给大家分享两种使用js写的图片放大镜效果,原理都差不多,都是采用了两张图片给两张图片设定相应的尺寸,最后显示在不同位置,最终实现放大效果,感兴趣的朋友一起看看吧
    2016-10-10
  • 微信小程序仿知乎实现评论留言功能

    微信小程序仿知乎实现评论留言功能

    这篇文章主要为大家详细介绍了微信小程序仿知乎实现评论留言功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • js实现tab栏切换效果

    js实现tab栏切换效果

    这篇文章主要为大家详细介绍了js实现tab栏切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08

最新评论