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

233 阅读 0 评论 154 点赞

我是靠谱客的博主成就衬衫，最近开发中收集的这篇文章主要介绍JavaScript 判断浏览器是否支持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值。