`

JavaScript 判断浏览器是否支持SVG

SVG 
阅读更多

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

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 判断浏览器是否支持SVG的代码

    另SVG还是Static Var Generator静止无功发生器的简称判断浏览器是否支持SVG的代码(部分截去自Highcharts源码): Js代码: 代码如下: function hasSVG(){ SVG_NS = ‘http://www.w3.org/2000/svg’, return !...

    html5 svg超酷选择单选按钮和复选框的动画特效

    在本插件中,Modernizr.js可能被用来判断浏览器是否支持SVG,从而决定是否应用这些酷炫的动画效果。 单选按钮和复选框是用户界面中最常见的交互元素,用于收集用户的单选或多选信息。在传统HTML中,它们的样式有限...

    SVGView 插件

    在实际应用中,开发人员可以结合使用SVGView与其他技术,如Modernizr(一种检测浏览器功能的JavaScript库),来判断浏览器是否支持SVG,如果不支持,则自动启用SVGView。同时,为了确保兼容性和未来的发展,应逐渐...

    web 画板 支持多浏览器

    6. **浏览器特性检测**: 使用特性检测而非用户代理检测(UA字符串)来判断浏览器的能力,如Modernizr库可以帮助检测HTML5和CSS3特性。 7. **渐进增强和优雅降级**: 设计时应遵循渐进增强原则,确保基本功能在所有...

    HTML5基于SVG实现可拖拽和缩放的世界地图效果源码.zip

    7. 兼容性和优化:虽然现代浏览器对HTML5和SVG的支持已经很好,但还需要考虑老版本浏览器的兼容性。可以借助polyfills或条件注释来提供降级方案。同时,大型SVG图形可能会影响页面性能,因此需要优化如分块加载、懒...

    svg的鼠标拖动气泡滑块动画特效.zip

    只需在滑块容器上添加事件监听器,然后在事件处理函数中判断实际触发事件的元素是否为滑块,如果是,则执行相应的动画逻辑。 5. **数据绑定**:为了使动画与用户输入更紧密地关联,可以使用数据绑定的概念。例如,...

    svg图片缩放

    1. **条件判断**: 首先检查变量`svg`是否已定义。这是为了确保接下来的操作是在有效的SVG元素上执行。 ```javascript if (svg) { ``` 2. **长度检测**: 检查`svg`是否包含多个元素。如果是,则进入循环处理每...

    浏览器兼容性解决办法

    5. **特征检测**:通过JavaScript进行特征检测,而非浏览器嗅探(user-agent sniffing),判断浏览器是否支持特定功能,从而动态调整代码执行路径。 6. **使用Babel**:对于使用ES6+新语法的项目,可以借助Babel将...

    HTML5 SVG炫酷文字爆炸特效

    JavaScript通过监听鼠标事件,判断鼠标在SVG文字上的位置,动态调整各个小块的动画参数,从而实现文字随鼠标移动而动态变化的效果。 此外,HTML5的Canvas和SVG都是用于网页图形绘制的技术,但SVG更适合于复杂的矢量...

    Svg.js实例教程及使用手册详解(一)

    SVG.js提供了一个全局的`SVG.supported`属性,开发者可以通过这个属性来判断当前浏览器是否支持SVG.js库。如果浏览器支持SVG.js,那么可以正常创建SVG元素并进行操作;如果不支持,可以通过弹窗提示用户。 SVG.js还...

    echarts扩展地图svg demo xxx监测系统

    但可以想象,这可能是一个用来监控环境、交通、能源消耗或其他相关指标的系统,通过ECharts和SVG地图将这些数据以直观的方式呈现出来,帮助决策者快速理解情况并做出判断。 综上所述,ECharts与SVG的结合使用在IT...

    javascript+vml版的连连看

    在本项目中,“javascript+vml版的连连看”是一个基于JavaScript编程语言和VML(Vector Markup Language)图形技术...虽然现代浏览器普遍支持SVG,但这个项目仍然为理解JavaScript与图形绘制的结合提供了有价值的参考。

    SVG鼠标经过方向感知3D动画特效.zip

    - SVG支持内联样式和外部样式表,可以使用CSS来控制图形的颜色、大小、位置等属性,使其具有良好的可编程性。 2. **CSS3关键知识点**: - **CSS3选择器**:用于精确地匹配和选择HTML或SVG元素,例如`:hover`伪类...

    一个使用JavaScript写的星际争霸网页游戏!超牛..纯JavaScript,值得研究

    游戏的实现首先依赖于JavaScript的基础语法,包括变量声明、条件判断、循环结构、函数定义等。开发者通过精心设计的数据结构,如数组、对象,来存储游戏状态,如单位信息、地图数据等。此外,事件监听和处理也是...

    jquery选中文字弹出分享按钮(仅限高版本浏览器

    例如,我们可以检测`navigator.userAgent`来判断浏览器类型和版本,或者使用`Array.from()`、`Promise`等现代JavaScript特性来判断浏览器是否支持。如果满足条件,我们就可以继续执行分享按钮的展示逻辑。 分享按钮...

    SVG和XSLT实现统计图表源代码

    4. 动态和交互性:SVG支持JavaScript交互,可能涉及到事件处理和动态更新图表的示例。 5. 图表类型:如条形图的实现,通过SVG的rect元素和XSLT的数据映射;饼图的实现,使用SVG的circle和path元素;折线图的实现,...

    javascript 象棋

    作为一款Web象棋,它充分利用了Web技术,使得玩家可以在任何支持浏览器的设备上享受游戏的乐趣,无需下载安装额外的应用程序。本文将深入探讨JavaScript 象棋的实现原理、关键技术和相关知识。 1. **HTML5 Canvas或...

    JavaScript完全自学宝典 源代码

    15.4.svg 使用JavaScript操作SVG。 Calculate.java 计算浮点数运算结果的Applet。 Calculate.class Calculate.java的字节码文件。 Calculate1.java 计算浮点数运算结果并调用页面中JavaScript函数的...

Global site tag (gtag.js) - Google Analytics