JavaScript 判斷瀏覽器是否支持SVG的代碼
更新時(shí)間:2013年03月21日 14:19:57 作者:
SVG(可縮放矢量圖形),接下來(lái)將介紹下如何判斷瀏覽器是否支持SVG,感興趣的朋友可以參考下哈,希望本代碼對(duì)你有所幫助
可縮放矢量圖形(Scalable Vector Graphics,SVG)是基于可擴(kuò)展標(biāo)記語(yǔ)言(XML),用于描述二維矢量圖形的一種圖形格式。SVG由W3C制定,是一個(gè)開(kāi)放標(biāo)準(zhǔn)。另SVG還是Static Var Generator靜止無(wú)功發(fā)生器的簡(jiǎn)稱
判斷瀏覽器是否支持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í),設(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í),設(shè)置相同的x值,Chrome與IE的顯示效果不一致。因此需要判斷瀏覽器是否支持SVG,根據(jù)不同結(jié)果,設(shè)置不同的x值。
您可能感興趣的文章:
- python用Pygal如何生成漂亮的SVG圖像詳解
- jQuery 生成svg矢量二維碼
- Svg.js實(shí)例教程及使用手冊(cè)詳解(一)
- 用svg制作富有動(dòng)態(tài)的tooltip
- 推薦10 款 SVG 動(dòng)畫(huà)的 JavaScript 庫(kù)
- 基于jquery和svg實(shí)現(xiàn)超炫酷的動(dòng)畫(huà)特效
- 前端必備神器 Snap.svg 彈動(dòng)效果
- Python實(shí)現(xiàn)批量把SVG格式轉(zhuǎn)成png、pdf格式的代碼分享
- 基于SVG的web頁(yè)面圖形繪制API介紹及編程演示
- svg動(dòng)畫(huà)之動(dòng)態(tài)描邊效果
相關(guān)文章
關(guān)于javascript作用域的常見(jiàn)面試題分享
關(guān)于JS作用域問(wèn)題,是面試的時(shí)候面試官樂(lè)此不疲的面試題,有時(shí)候確實(shí)是令人抓狂,下面這篇文章主要給大家分享了關(guān)于javascript作用域的一些常見(jiàn)面試題,需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-06-06
js加載之使用DOM方法動(dòng)態(tài)加載Javascript文件
傳統(tǒng)上,加載Javascript文件都是使用script標(biāo)簽,我們也可以使用DOM方法,動(dòng)態(tài)加載Javascript文件,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下2013-11-11
layui樹(shù)形菜單動(dòng)態(tài)遍歷的例子
今天小編就為大家分享一篇layui樹(shù)形菜單動(dòng)態(tài)遍歷的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
JS表單數(shù)據(jù)驗(yàn)證的正則表達(dá)式(常用)
這篇文章主要介紹了JS表單數(shù)據(jù)驗(yàn)證的正則表達(dá)式,這種方法比較常用,以及使用正則表達(dá)式驗(yàn)證表單的方法,本文給大家介紹非常詳細(xì),需要的的朋友參考下2017-02-02

