快捷導(dǎo)航

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

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

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

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

判斷瀏覽器是否支持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)文章

關(guān)于javascript作用域的常見面試題分享
關(guān)于JS作用域問題，是面試的時候面試官樂此不疲的面試題，有時候確實是令人抓狂，下面這篇文章主要給大家分享了關(guān)于javascript作用域的一些常見面試題，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-06-06
Js經(jīng)典案例的實例代碼
JS實現(xiàn)鼠標(biāo)懸停切換圖片,顯示天氣預(yù)報，利用焦點實現(xiàn)選擇網(wǎng)站的實例代碼，具有很好的參考價值，希望對大家有所幫助，一起跟隨小編過來看看吧
2018-05-05
js判斷文本框剩余可輸入字?jǐn)?shù)的方法
這篇文章主要介紹了js判斷文本框剩余可輸入字?jǐn)?shù)的方法,可實現(xiàn)直觀顯示文本框可輸入字?jǐn)?shù)的功能,非常具有實用價值,需要的朋友可以參考下
2015-02-02
微信小程序?qū)崿F(xiàn)本地分頁加載
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)本地分頁加載，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-08-08
JavaScript中的遍歷詳解(多種遍歷)
編程這么多年，要是每次寫遍歷代碼時都用 for 循環(huán)，真心感覺對不起 JavaScript 語言,這篇文章為大家分享幾種不同的遍歷方法,需要的朋友可以參考下
2017-04-04
JavaScript 格式字符串的應(yīng)用
在使用JavaScript中的Date對象時，有一個常用的操作就是輸出。但Date對象自帶的toString()方法輸出的格式并不能滿足用戶多樣化的需求。我在想，是不是可以將C#中DateTime.ToString(string format)方法的形式引入到JavaScript中呢？
2010-03-03
js加載之使用DOM方法動態(tài)加載Javascript文件
傳統(tǒng)上，加載Javascript文件都是使用script標(biāo)簽，我們也可以使用DOM方法，動態(tài)加載Javascript文件，具體實現(xiàn)如下，感興趣的朋友可以參考下
2013-11-11
詳解JavaScript狀態(tài)容器Redux
Redux官網(wǎng)上是這樣描述Redux，Redux is a predictable state container for JavaScript apps.（Redux是JavaScript狀態(tài)容器，提供可預(yù)測性的狀態(tài)管理）。目前Redux GitHub有5w多star，足以說明 Redux 受歡迎的程度
2021-06-06
layui樹形菜單動態(tài)遍歷的例子
今天小編就為大家分享一篇layui樹形菜單動態(tài)遍歷的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JS表單數(shù)據(jù)驗證的正則表達式(常用)
這篇文章主要介紹了JS表單數(shù)據(jù)驗證的正則表達式,這種方法比較常用，以及使用正則表達式驗證表單的方法，本文給大家介紹非常詳細，需要的的朋友參考下
2017-02-02