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


Posted in Javascript onMarch 21, 2013

可缩放矢量图形(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 相关文章推荐
根据邮箱的域名跳转到相应的登录页面的代码
Feb 27 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
Dec 14 Javascript
javascript使用正则获取url上的某个参数
Sep 04 Javascript
jquery幻灯片插件bxslider样式改进实例
Oct 15 Javascript
Javascript 数组排序详解
Oct 22 Javascript
使用javaScript动态加载Js文件和Css文件
Oct 24 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
Feb 03 Javascript
BootStrap的双日历时间控件使用
Jul 25 Javascript
vue+swiper实现侧滑菜单效果
Dec 28 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
Apr 11 Javascript
JavaScript canvas动画实现时钟效果
Feb 10 Javascript
JavaScript如何判断对象有某属性
Jul 03 Javascript
js禁止document element对象选中文本实现代码
Mar 21 #Javascript
JS获取并操作iframe中元素的方法
Mar 21 #Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
Mar 21 #Javascript
js 验证密码强弱的小例子
Mar 21 #Javascript
javascript中日期转换成时间戳的小例子
Mar 21 #Javascript
Javascript算符的优先级介绍
Mar 20 #Javascript
jQuery.validate 常用方法及需要注意的问题
Mar 20 #Javascript
You might like
一个简单的自动发送邮件系统(二)
2006/10/09 PHP
Smarty模板快速入门
2007/01/04 PHP
PHP 中dirname(_file_)讲解
2007/03/18 PHP
php 目录与文件处理-郑阿奇(续)
2011/07/04 PHP
web server使用php生成web页面的三种方法总结
2013/10/28 PHP
3个PHP多维数组转为一维数组的方法实例
2014/03/13 PHP
示例详解Laravel的注册重构
2016/08/14 PHP
php解析mht文件转换成html的实例
2017/03/13 PHP
js 实现无干扰阴影效果 简单好用(附文件下载)
2009/12/27 Javascript
Javascript算符的优先级介绍
2013/03/20 Javascript
jQuery遍历对象、数组、集合实例
2014/11/08 Javascript
jQuery+HTML5实现图片上传前预览效果
2015/08/20 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
2015/10/28 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
2015/12/31 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
2016/08/28 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
微信小程序 animation API详解及实例代码
2016/10/08 Javascript
jQuery EasyUI结合zTree树形结构制作web页面
2017/09/01 jQuery
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
2017/10/31 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
echarts多条折线图动态分层的实现方法
2019/05/24 Javascript
js设计模式之代理模式及订阅发布模式实例详解
2019/08/15 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
[01:03:03]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
python3新特性函数注释Function Annotations用法分析
2016/07/28 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
python 调用pyautogui 实时获取鼠标的位置、移动鼠标的方法
2019/08/27 Python
Python Numpy库常见用法入门教程
2020/01/16 Python
Python控制台输出时刷新当前行内容而不是输出新行的实现
2020/02/21 Python
在python3中实现查找数组中最接近与某值的元素操作
2020/02/29 Python
TensorFlow tf.nn.softmax_cross_entropy_with_logits的用法
2020/04/19 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
美国酒店控股公司:Choice Hotels
2018/06/15 全球购物
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
MySQL中出现乱码问题的终极解决宝典
2021/05/26 MySQL
MySql开发之自动同步表结构
2021/05/28 MySQL