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值。

相关文章

  • 关于javascript作用域的常见面试题分享

    关于javascript作用域的常见面试题分享

    关于JS作用域问题,是面试的时候面试官乐此不疲的面试题,有时候确实是令人抓狂,下面这篇文章主要给大家分享了关于javascript作用域的一些常见面试题,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-06-06
  • Js经典案例的实例代码

    Js经典案例的实例代码

    JS实现鼠标悬停切换图片,显示天气预报,利用焦点实现选择网站的实例代码,具有很好的参考价值,希望对大家有所帮助,一起跟随小编过来看看吧
    2018-05-05
  • js判断文本框剩余可输入字数的方法

    js判断文本框剩余可输入字数的方法

    这篇文章主要介绍了js判断文本框剩余可输入字数的方法,可实现直观显示文本框可输入字数的功能,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • 微信小程序实现本地分页加载

    微信小程序实现本地分页加载

    这篇文章主要为大家详细介绍了微信小程序实现本地分页加载,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • JavaScript中的遍历详解(多种遍历)

    JavaScript中的遍历详解(多种遍历)

    编程这么多年,要是每次写遍历代码时都用 for 循环,真心感觉对不起 JavaScript 语言,这篇文章为大家分享几种不同的遍历方法,需要的朋友可以参考下
    2017-04-04
  • JavaScript 格式字符串的应用

    JavaScript 格式字符串的应用

    在使用JavaScript中的Date对象时,有一个常用的操作就是输出。但Date对象自带的toString()方法输出的格式并不能满足用户多样化的需求。我在想,是不是可以将C#中DateTime.ToString(string format)方法的形式引入到JavaScript中呢?
    2010-03-03
  • js加载之使用DOM方法动态加载Javascript文件

    js加载之使用DOM方法动态加载Javascript文件

    传统上,加载Javascript文件都是使用script标签,我们也可以使用DOM方法,动态加载Javascript文件,具体实现如下,感兴趣的朋友可以参考下
    2013-11-11
  • 详解JavaScript状态容器Redux

    详解JavaScript状态容器Redux

    Redux官网上是这样描述Redux,Redux is a predictable state container for JavaScript apps.(Redux是JavaScript状态容器,提供可预测性的状态管理)。目前Redux GitHub有5w多star,足以说明 Redux 受欢迎的程度
    2021-06-06
  • layui树形菜单动态遍历的例子

    layui树形菜单动态遍历的例子

    今天小编就为大家分享一篇layui树形菜单动态遍历的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS表单数据验证的正则表达式(常用)

    JS表单数据验证的正则表达式(常用)

    这篇文章主要介绍了JS表单数据验证的正则表达式,这种方法比较常用,以及使用正则表达式验证表单的方法,本文给大家介绍非常详细,需要的的朋友参考下
    2017-02-02

最新评论