快捷導(dǎo)航

JavaScript 判斷瀏覽器是否支持SVG的代碼

更新時(shí)間：2013年03月21日 14:19:57 作者：

SVG(可縮放矢量圖形)，接下來將介紹下如何判斷瀏覽器是否支持SVG,感興趣的朋友可以參考下哈，希望本代碼對(duì)你有所幫助

可縮放矢量圖形（Scalable Vector Graphics，SVG）是基于可擴(kuò)展標(biāo)記語言（XML），用于描述二維矢量圖形的一種圖形格式。SVG由W3C制定，是一個(gè)開放標(biāo)準(zhǔn)。另SVG還是Static Var Generator靜止無功發(fā)生器的簡(jiǎn)稱

判斷瀏覽器是否支持SVG的代碼（部分截去自Highcharts源碼）：
Js代碼:

復(fù)制代碼代碼如下:

 
function hasSVG(){ 
SVG_NS = 'http://www.w3.org/2000/svg', 
return !!doc.createElementNS && 
!!doc.createElementNS(SVG_NS, 'svg').createSVGRect; 
} 

IE8不支持SVG，所以給Highcharts圖表設(shè)置legend水平位置時(shí)，設(shè)置相同的x值，Chrome與IE的顯示效果不一致。因此需要判斷瀏覽器是否支持SVG，根據(jù)不同結(jié)果，設(shè)置不同的x值。

您可能感興趣的文章:

相關(guān)文章

鼠標(biāo)經(jīng)過顯示二級(jí)菜單js特效
本文章來給大家推薦一個(gè)不錯(cuò)的鼠標(biāo)經(jīng)過顯示二級(jí)菜單js特效效果，有需要了解的朋友可以參考一下
2013-08-08
正則表達(dá)式替換html元素屬性的方法
下面小編就為大家?guī)硪黄齽t表達(dá)式替換html元素屬性的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
JavaScript實(shí)現(xiàn)異步任務(wù)循環(huán)順序執(zhí)行詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript中實(shí)現(xiàn)異步任務(wù)循環(huán)順序執(zhí)行的方法，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下
2023-03-03
JS獲取填報(bào)擴(kuò)展單元格控件的值的解決辦法
這篇文章主要介紹了JS獲取填報(bào)擴(kuò)展單元格控件的值的解決辦法,需要的朋友可以參考下
2017-07-07
three.js引入glsl文件并高亮顯示代碼的完整步驟
這篇文章主要給大家介紹了關(guān)于three.js引入glsl文件并高亮顯示代碼的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2022-03-03
關(guān)于layui的下拉搜索框異步加載數(shù)據(jù)的解決方法
今天小編就為大家分享一篇關(guān)于layui的下拉搜索框異步加載數(shù)據(jù)的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
js如何讀取csv內(nèi)容拼接成json
這篇文章主要介紹了js如何讀取csv內(nèi)容拼接成json，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
原生js代碼實(shí)現(xiàn)圖片放大境效果
今天小編給大家分享兩種使用js寫的圖片放大鏡效果，原理都差不多，都是采用了兩張圖片給兩張圖片設(shè)定相應(yīng)的尺寸，最后顯示在不同位置，最終實(shí)現(xiàn)放大效果，感興趣的朋友一起看看吧
2016-10-10
微信小程序仿知乎實(shí)現(xiàn)評(píng)論留言功能
這篇文章主要為大家詳細(xì)介紹了微信小程序仿知乎實(shí)現(xiàn)評(píng)論留言功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-11-11
js實(shí)現(xiàn)tab欄切換效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)tab欄切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-08-08