您現在的位置是:電腦技術吧?>? 組裝維修 ??>??x瀏覽器,打開瀏覽器??>??正文詳情

x瀏覽器,打開瀏覽器

闕晴畫2019-11-16 23:50:36 人圍觀
簡介UC瀏覽器視頻列表在得到HTML頁面上canvas元素的引用之后,我們需要測試該元素是否包含上下文。畫布上下文是指由瀏覽器定義的用于繪制的平面。簡單地說,如果上下文不存在,那么畫

在獲取HTML頁面上Canvas元素的引用后,我們需要測試一下該元素是否包含上下文(context)。

Canvas的上下文指的是由瀏覽器定義的用于繪畫的平面。

簡單地說,如果上下文不存在的話,Canvas也就名存實亡了。

測試瀏覽器是否支持Canvas有好幾種方法。

第一種方法是檢查HTML頁面中Canvas元素的getContext方法是否存在:代碼如下:if (!theCanvas || !theCanvas.getContext) {return;}事實上,上述代碼測試了兩點:其一,測試了theCanvas是否為false(如果id不存在的話,document.getElementById()會返回false);其二,測試了getContext()函數是否存在。

在上述代碼中,如果測試失敗,那么return語句執行,程序終止。

另一種方法是創建一個專門用于判斷Canvas是否得以支持的函數,而在該函數中,實時生成一個Canvas元素來進行這種判斷 這種方法很流行,Mark Pilgrim在他的HTML5網站http://diveintohtml5.org中提到了這種方案:代碼如下:function canvasSupport() {return !!document.createElement('canvas').getContext;}function canvasApp() {if (!canvasSupport()) {return;}}我們最鐘愛的方法是使用modernizr.js庫(在http://www.modernizr.com中可以找到)。

Modernizr是一個簡單易用的輕量級JavaScript庫,用于測試各種Web技術的兼容性 它提供了很多靜態的Boolean方法,可以用來測試當前Canvas是否得到支持。

在HTML頁面中引入modernizr很簡單,從http://www.modernizr.com上下載代碼,然后在HTML頁面中包含這個外部js文件即可:代碼如下:script src=modernizr-1.6.min.js/script使用Modernizr測試Canvas的支持性,只需將上面的canvasSupport函數改動一下就可以了:代碼如下:function canvasSupport() {return Modernizr.canvas;}我們認為,判斷瀏覽器是否支持Canvas,使用Modernizr.js是最好的方案。

版權聲明:本文由 闕晴畫 整理編輯。

原標題:Puffin瀏覽器,支持flash的瀏覽器

轉載注明出處:http://www.dn9ww09s.icu/assemble/12988.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • win7顯示擴展名,win7文件名后綴顯示

    win7顯示擴展名,win7文件名后綴顯示 相關圖片win7電腦文件后綴怎么顯示最近,許多win7用戶表示,他們在瀏覽文件時看不到文件的后綴,因此無法更改它。那么win7如何顯示文件擴展名呢?現在,超人軟件編輯器將介紹win7如何顯示文...

  • 不可使用是因為什么,不可使用

    不可使用是因為什么,不可使用 相關圖片他在您的地區不可使用代碼如下:!DOCTYPE HTML htmlhead Title使用CSS創建非選擇性文本/Title style type=text/CSS div{邊距底不可單瓶使用什么意思...

  • 顯卡更新驅動有必要嗎,筆記本更新顯卡驅動好嗎

    顯卡更新驅動有必要嗎,筆記本更新顯卡驅動好嗎 相關圖片更新顯卡驅動游戲卡頓隨著科學技術的發展,計算機的更新速度非常快。當我們更新程序時,我們經常提示視頻卡需要更新。那么更新顯卡驅動程序有什么好處呢?如何更新顯卡驅動程...

  • 谷歌地球手機版,手機谷歌地球怎么用

    谷歌地球手機版,手機谷歌地球怎么用 相關圖片在中國怎么使用谷歌地球谷歌地球是谷歌推出的一款地圖軟件,用戶和朋友可以通過它看到世界各地的街景。那么如何使用谷歌地球呢?如何利用經緯度來定位谷歌地球?現在,讓我們...

  • html5 css3,css3 入門

    html5 css3,css3 入門 相關圖片css3動畫教程在此之前,我介紹了很多由HTML5和CSS3實現的動畫。今天,我將為大家帶來一個由HTML5和CSS3實現的小型機器人行走動畫。這個例子的角色是用HTML5繪制css3html5速成教程...

  • 火狐怎么清理緩存刷新,火狐清理瀏覽器緩存快捷鍵

    火狐怎么清理緩存刷新,火狐清理瀏覽器緩存快捷鍵 相關圖片火狐瀏覽器怎么提高下載速度當我們長期使用Firefox時,會留下大量的緩存文件,影響程序的運行。那么如何清理Firefox中的緩存呢?Firefox中的緩存文件在哪里?現在,讓我們和超人火狐...

  • html5 css3,html5與css3好復雜

    html5 css3,html5與css3好復雜 相關圖片css和css3代碼如下:SVG class=me404 viewbox=0.000480path id=cloud class=st0d=m658.4345.2c-10.9,css3...

  • ie瀏覽器多窗口合并,ie瀏覽器窗口平鋪

    ie瀏覽器多窗口合并,ie瀏覽器窗口平鋪 相關圖片IE瀏覽器多標簽顯示在IE瀏覽器中,多窗口模式可以使用戶更方便地瀏覽網絡信息。如何在IE瀏覽器中設置多個窗口?現在,超人軟件編輯器將介紹在IE瀏覽器中設置多個窗口的方法。希望...

  • 用html實現陰影效果,html5

    用html實現陰影效果,html5 相關圖片html切換頁面效果這是一組數據,需要用圖片墻的效果來顯示。這些數據是動態的,用angularjs維護,可以添加或刪除。界面上每行最多有四個單元格。這里是代碼:代碼如下:!DOCThtml5水...

  • 美咖相機怎么用,美咖相機

    美咖相機怎么用,美咖相機 相關圖片美咖美人相機作為一款功能強大的拍照軟件,有很多小伙伴會用它來制作拼圖和自拍。那怎么畫呢?怎樣自己畫一幅畫?讓我們跟隨超人軟件來了解它!如何自拍美咖相機下載安裝...

熱評文章

  • 新版抖音怎么發起挑戰,抖音發起挑戰有什么好處

    新版抖音怎么發起挑戰,抖音發起挑戰有什么好處 相關圖片抖音添加挑戰在自助餐中,用戶可以拍攝一段很酷的視頻來挑戰其他用戶。那么,你知道如何挑戰自助餐嗎?自助餐如何參與挑戰?現在,超人軟件將向您介紹自助餐的挑戰,希望您喜...

  • 受信任企業級開發者,如何受信任企業級開發者

    受信任企業級開發者,如何受信任企業級開發者 相關圖片未受信任的企業級開發者有風險嗎如何解決不受信任的企業開發人員的問題是iPhone用戶有時遇到的問題之一,通常當他們測試應用程序時,解決方案很簡單:1。單擊“設置和常規”以選...

  • 寬度自適應,網頁寬度自適應

    寬度自適應,網頁寬度自適應 相關圖片表格自適應寬度問題:對于1920*900的大圖像,只有一部分圖像可以以1024*768的分辨率顯示。我希望仍然在CSS中間顯示解決方案:代碼如下:寬度:100%;背景位置:5css自適應寬度...

  • 怎么打開vob文件,vob文件

    怎么打開vob文件,vob文件 相關圖片vob文件用什么播放器打開一些用戶在設備上找到VOB文件。他們不知道是什么文件格式,也不知道如何打開VOB文件。所以讓我們一起來了解一下,小編VOB是DVD視頻媒體使用的容器格式,也...

  • ai虛線圓點,虛線圓圈

    ai虛線圓點,虛線圓圈 相關圖片ai怎么做虛線在堆棧溢出時,phrogz提供了繪制虛線的實現。嚴格地說,這是一個虛線實現(P.S.我認為本頁上的rod Macdougall的簡化版本更好)。所以,如果你需要ps怎么畫圓點虛線...

  • dat什么文件怎么打開,.dat文件用什么打開

    dat什么文件怎么打開,.dat文件用什么打開 相關圖片手機怎么打開dat文件數據文件,即數據文件,不是一個標準文件,它不是絕對定義的。要打開一個dat文件,通常取決于它在哪個軟件目錄中,例如,VCD光盤中的dat文件通常可以使用dat文...

  • 特效光,特效光感

    特效光,特效光感 相關圖片光錐特效一道亮光注定要忍受漫長的黑暗梵高的一生充滿了痛苦和挫折。也許他的漩渦風格正是這種生活的寫照,帶著這些感受,我于2007年8月21日創作了《梵高之光》禍害之光有特效嗎...

  • 我的u盤無法格式化怎么辦,u盤無法格式化

    我的u盤無法格式化怎么辦,u盤無法格式化 相關圖片windows 格式化在使用U盤的過程中,我們經常會刪除所有的數據,而且還會有殘留的文件。此時,我們需要格式化U盤。如果windows不能格式化U盤呢?讓我們跟著超人軟件來解決這個問wind...

  • html的disabled,css disabled

    html的disabled,css disabled 相關圖片jsp disabled一些表單屬性,如readonly和disabled,在HTML中很容易被忽略,但它們在獲取值方面有所不同。感興趣的朋友可以學習這篇文章1。只讀只讀屬性,可獲取值html中decoration...

  • pptv怎么一次下載全部視頻,pptv聚力下載視頻在哪里找

    pptv怎么一次下載全部視頻,pptv聚力下載視頻在哪里找 相關圖片如何把pptv的視頻下載到手機作為一款功能強大的視頻播放軟件,pptv被認為是一種受歡迎的電影觀看方式。pptv如何下載視頻?pptv如何下載電影?接下來,超人軟件編輯將介紹pptv相關教學...

關注微信

变脸官网查询