首頁深度深度單位glGenRenderbuffersCanvas getContext WebGLgetContext('webgl')與getContext('3d')有什麼區別? - 程式人生 WebGL OpenGLWebGL 3DWebGL tutorialwebgl教學webgl遊戲canvas.getcontext is not a functionCanvas WebGLgetContext('webgl')與getContext('3d')有什麼區別? - 程式人生2025-01-27文章推薦指數: 80 %投票人數:10人 我開始學習WebGL,因為我找到了一些舊的教程,我不知道2014年的正確方法是什麼? 我啟動了 (基本),在教程中,他們會說: 使用 getContext('2d') 如果要 ... 程式人生>html5>getContext('webgl')與getContext('3d')有什麼區別? 【html5】getContext('webgl')與getContext('3d')有什麼區別? 阿新••發佈:2020-11-02 我開始學習WebGL,因為我找到了一些舊的教程,我不知道2014年的正確方法是什麼?我啟動了(基本),在教程中,他們會說:使用getContext('2d')如果要使用webgl,則將3d而不是2d但是現在我正在學習,我發現教程談論的是getContext('webgl')而不是getContext('3d')。語法改變了嗎?還有一篇文章說沒有真正的3D,但是他們只使用射線投射?! 解決辦法 Mozilla開發者Netowrk(MDN)文件說:getContext(在domstringcontextid中)renderingContext返回畫布上的繪圖上下文,如果不支援該上下文ID,則返回空值。繪圖上下文允許您在畫布上繪製。使用“2d”呼叫getContext將返回CanvasRenderingContext2d物件,而使用“ExperimentalWebGL”(或“WebGL”)呼叫它將返回WebGLRenderingContext物件。此上下文僅在實現WebGL的瀏覽器上可用。結果: |Context|Chrome(webkit)|Firefox(gekko)| |------------------|------------------------|------------------------| |2d|CanvasRenderingContext2D|CanvasRenderingContext2D| |3d|null|null| |webgl|WebGLRenderingContext|WebGLRenderingContext| |experimental-webgl|WebGLRenderingContext|null| 我建議在wiki上閱讀:webgl以下是完整的http://www.khronos.org/webgl/wiki/FAQ部分:(不過,我建議您從WhatistherecommendedwaytoinitializeWebGL?中直接閱讀,以防它發生變化!)初始化WebGL的建議方法是什麼?建議檢查初始化是否成功或失敗。如果webgl初始化失敗,建議您區分失敗,因為瀏覽器不支援webgl,並且由於其他原因失敗。如果瀏覽器不支援WebGL,則向用戶提供指向“wiki”的連結。如果webgl由於其他原因失敗,則向用戶提供指向“http://get.webgl.org的連結。您可以通過檢查WebGLrenderingContext是否存在來確定瀏覽器是否支援WebGL。if(window.WebGLRenderingContext){ //browsersupportsWebGL } 如果瀏覽器支援webgl和canvas.getContext(“webgl”)返回空值,則webgl由於使用者瀏覽器以外的原因失敗(沒有GPU、記憶體不足等…)if(!window.WebGLRenderingContext){ //thebrowserdoesn'tevenknowwhatWebGLis window.location="http://get.webgl.org"; }else{ varcanvas=document.getElementById("myCanvas"); varctx=canvas.getContext("webgl"); if(!ctx){ //browsersupportsWebGLbutinitializationfailed. window.location="http://get.webgl.org/troubleshooting"; } } 注意:必須檢查瀏覽器是否支援WebGL,以瞭解從canvas.getContext()獲取空值意味著http://get.webgl.org/troubleshooting/使用包裝器的示例 CSS背景位置從右到左動畫 «上一篇 視訊html5:是否可以在特定時間顯示視訊縮圖?下一篇» 相關推薦 在Swift3中,'privateclassFoo'和'fileprivateclassFoo'在成員變數方面有區別嗎? 靜態變數與例項變數:有區別嗎? 為什麼Go中帶文字的浮點乘法與變數之間有區別? 在類方法中持有靜態例項與類中是否有區別 array[0]與array.first之間有區別嗎? Android與背面的onBackPressed()有區別 使用建構函式建立物件與返回物件有區別嗎? 排除約束與唯一約束有區別嗎? 連線字串時,使用char[]與StringBuilder和string沒有區別 JavaScript效能與time(int)宣告有區別嗎? 搜尋 基礎教學 Mysql入門 Sql入門 Android入門 Docker入門 Go語言入門 Ruby程式入門 Python入門 Python進階 Django入門 Python爬蟲入門 新加入文章 完整訊息請參考請為這篇文章評分?有幫助沒幫助延伸文章資訊1WebGL 入門- Web APIs在此我們做的第一件事是取得 canvas 元素的參考,並存入 canvas 變數中。 一旦我們取得了canvas ,我們透過呼叫 getContext 並傳入 "webgl" 字串來取得 ...2ProgrammingTIL WebGL Tutorial Video Screencast 00013canvas中的getContext()方法以及webgl中的 ... - 腾讯云contextAttributes参数可传递多个参数集合用来创建渲染上下文:. 例如:canvas.getContext('webgl', { antialias: false, depth: ...4WebGL vs Canvas| Top Comparisons to Learn with Infographics - eduCBA5What is the difference between getContext('webgl') vs ...A drawing context lets you draw on the canvas. Calling getContext with "2d" returns a CanvasRende...