JavaScript 判斷瀏覽器是否支持SVG的代碼
更新時間：2013年03月21日 14:19:57 作者：
SVG(可縮放矢量圖形)，接下來將介紹下如何判斷瀏覽器是否支持SVG,感興趣的朋友可以參考下哈，希望本代碼對你有所幫助
可縮放矢量圖形（Scalable Vector Graphics，SVG）是基于可擴(kuò)展標(biāo)記語言（XML），用于描述二維矢量圖形的一種圖形格式。SVG由W3C制定，是一個開放標(biāo)準(zhǔn)。另SVG還是Static Var Generator靜止無功發(fā)生器的簡稱
判斷瀏覽器是否支持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圖表設(shè)置legend水平位置時，設(shè)置相同的x值，Chrome與IE的顯示效果不一致。因此需要判斷瀏覽器是否支持SVG，根據(jù)不同結(jié)果，設(shè)置不同的x值。
判斷瀏覽器是否支持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è)置相同的x值，Chrome與IE的顯示效果不一致。因此需要判斷瀏覽器是否支持SVG，根據(jù)不同結(jié)果，設(shè)置不同的x值。
相關(guān)文章
本文章來給大家推薦一個不錯的鼠標(biāo)經(jīng)過顯示二級菜單js特效效果，有需要了解的朋友可以參考一下2013-08-08
下面小編就為大家?guī)硪黄齽t表達(dá)式替換html元素屬性的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
JavaScript實現(xiàn)異步任務(wù)循環(huán)順序執(zhí)行詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript中實現(xiàn)異步任務(wù)循環(huán)順序執(zhí)行的方法，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2023-03-03
這篇文章主要介紹了JS獲取填報擴(kuò)展單元格控件的值的解決辦法,需要的朋友可以參考下2017-07-07
這篇文章主要給大家介紹了關(guān)于three.js引入glsl文件并高亮顯示代碼的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-03-03
關(guān)于layui的下拉搜索框異步加載數(shù)據(jù)的解決方法
今天小編就為大家分享一篇關(guān)于layui的下拉搜索框異步加載數(shù)據(jù)的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了js如何讀取csv內(nèi)容拼接成json，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
今天小編給大家分享兩種使用js寫的圖片放大鏡效果，原理都差不多，都是采用了兩張圖片給兩張圖片設(shè)定相應(yīng)的尺寸，最后顯示在不同位置，最終實現(xiàn)放大效果，感興趣的朋友一起看看吧2016-10-10
這篇文章主要為大家詳細(xì)介紹了微信小程序仿知乎實現(xiàn)評論留言功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)tab欄切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08