JavaScript 判断浏览器是否支持SVG的代码_javascript技巧
程序员文章站
2022-05-19 11:49:54
...
可缩放矢量图形(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值。
判断浏览器是否支持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值。
上一篇: 如何利用Direct NFS克隆Oracle数据库
下一篇: 关于程序员的笑话
推荐阅读
-
用javascript判断输入数据是否货币并自动添加¥符号的代码
-
JavaScript 判断日期格式是否正确的实现代码
-
用javascript判断输入数据是否货币并自动添加¥符号的代码
-
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
-
JavaScript判断窗口是否最小化的代码(跨浏览器)
-
js 多浏览器分别判断代码_javascript技巧
-
javascript - 大家好,微信支付判断是否为微信浏览器,上全部代码。
-
js 多浏览器分别判断代码_javascript技巧
-
Javascript 判断Flash是否加载完成的代码_javascript技巧
-
JavaScript 进度条实现代码(Firefox等相似浏览器下不支持)_javascript技巧