国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

Three.js利用Detector.js插件如何實(shí)現(xiàn)兼容性檢測詳解

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 22:28:57
文檔

Three.js利用Detector.js插件如何實(shí)現(xiàn)兼容性檢測詳解

Three.js利用Detector.js插件如何實(shí)現(xiàn)兼容性檢測詳解:前言 本文主要給大家介紹了關(guān)于Three.js用Detector.js插件實(shí)現(xiàn)兼容性檢測的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。 其實(shí)Detector.js插件的代碼很短,但是功能很全, (1)判斷canvas兼容。 (2)判斷webg
推薦度:
導(dǎo)讀Three.js利用Detector.js插件如何實(shí)現(xiàn)兼容性檢測詳解:前言 本文主要給大家介紹了關(guān)于Three.js用Detector.js插件實(shí)現(xiàn)兼容性檢測的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。 其實(shí)Detector.js插件的代碼很短,但是功能很全, (1)判斷canvas兼容。 (2)判斷webg

前言

本文主要給大家介紹了關(guān)于Three.js用Detector.js插件實(shí)現(xiàn)兼容性檢測的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。

其實(shí)Detector.js插件的代碼很短,但是功能很全,

(1)判斷canvas兼容。

(2)判斷webgl兼容性。

(3)在頁面添加不兼容提示信息。

這三個(gè)功能已經(jīng)對兼容性檢測足夠了。

使用方式也很簡單:

首先,將插件引入到頁面:

<script src="examples/js/Detector.js"></script> 

然后,在js里面添加一個(gè)判斷:

if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); 

就實(shí)現(xiàn)了兼容性的檢測,是不是很簡單,去測試一下吧。

下面,附上Detector.js插件代碼:

/** 
 * @author alteredq / http://alteredqualia.com/ 
 * @author mr.doob / http://mrdoob.com/ 
 */ 
 
var Detector = { 
 
 canvas: !! window.CanvasRenderingContext2D, 
 webgl: ( function () { 
 
 try { 
 
 var canvas = document.createElement( 'canvas' ); return !! ( window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ) ); 
 
 } catch ( e ) { 
 
 return false; 
 
 } 
 
 } )(), 
 workers: !! window.Worker, 
 fileapi: window.File && window.FileReader && window.FileList && window.Blob, 
 
 getWebGLErrorMessage: function () { 
 
 var element = document.createElement( 'div' ); 
 element.id = 'webgl-error-message'; 
 element.style.fontFamily = 'monospace'; 
 element.style.fontSize = '13px'; 
 element.style.fontWeight = 'normal'; 
 element.style.textAlign = 'center'; 
 element.style.background = '#fff'; 
 element.style.color = '#000'; 
 element.style.padding = '1.5em'; 
 element.style.width = '400px'; 
 element.style.margin = '5em auto 0'; 
 
 if ( ! this.webgl ) { 
 
 element.innerHTML = window.WebGLRenderingContext ? [ 
 'Your graphics card does not seem to support <a  rel="external nofollow" rel="external nofollow" style="color:#000">WebGL</a>.<br />', 
 'Find out how to get it <a  rel="external nofollow" rel="external nofollow" style="color:#000">here</a>.' 
 ].join( '\n' ) : [ 
 'Your browser does not seem to support <a  rel="external nofollow" rel="external nofollow" style="color:#000">WebGL</a>.<br/>', 
 'Find out how to get it <a  rel="external nofollow" rel="external nofollow" style="color:#000">here</a>.' 
 ].join( '\n' ); 
 
 } 
 
 return element; 
 
 }, 
 
 addGetWebGLMessage: function ( parameters ) { 
 
 var parent, id, element; 
 
 parameters = parameters || {}; 
 
 parent = parameters.parent !== undefined ? parameters.parent : document.body; 
 id = parameters.id !== undefined ? parameters.id : 'oldie'; 
 
 element = Detector.getWebGLErrorMessage(); 
 element.id = id; 
 
 parent.appendChild( element ); 
 
 } 
 
}; 
 
// browserify support 
if ( typeof module === 'object' ) { 
 
 module.exports = Detector; 
 
} 

總結(jié)

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

Three.js利用Detector.js插件如何實(shí)現(xiàn)兼容性檢測詳解

Three.js利用Detector.js插件如何實(shí)現(xiàn)兼容性檢測詳解:前言 本文主要給大家介紹了關(guān)于Three.js用Detector.js插件實(shí)現(xiàn)兼容性檢測的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。 其實(shí)Detector.js插件的代碼很短,但是功能很全, (1)判斷canvas兼容。 (2)判斷webg
推薦度:
標(biāo)簽: js 兼容性 three.js
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 99久久免费国产精品特黄 | 在线观看精品一区 | 欧美不卡在线观看 | 日本欧美一区二区三区不卡视频 | 国产 欧美 日韩 在线 | 福利毛片 | 可以免费看的毛片 | 日本成人一区二区 | 久久一区二区三区精品 | 欧美日韩1区 | 久久国产香蕉视频 | 亚洲欧洲精品成人久久曰影片 | 亚洲视频免费在线观看 | 阿v精品一区二区三区 | 日本免费一二三区 | 国产成人久久精品亚洲小说 | 国产精品免费观在线 | 国产精品v欧美精品v日本精 | 国产欧美日韩一区 | 九九九国产在线 | 国产视频一二三区 | 欧美极品第1页专区 | 99热成人精品免费久久 | 亚洲欧美日本另类激情 | 91久久国产综合精品 | 欧美日韩国产亚洲一区二区三区 | 亚洲欧美日韩中文字幕在线 | 领导边摸边吃奶边做爽在线观看 | 国产伦精品一区二区三区免 | 国产亚洲午夜精品a一区二区 | 欧美黄色一级视频 | 国产免费不卡 | 免费一级a毛片在线播 | 91伊人国产| 国产剧情精品在线 | 香蕉视频免费在线看 | 91香蕉福利一区二区三区 | 欧美精品一区二区精品久久 | 日韩在线不卡 | 国产不卡一区 | 欧美在线观看视频免费 |