首頁(yè) 猿問(wèn) webGL和Canvas之間的關(guān)系？

webGL和Canvas之間的關(guān)系？

Html5

桃花長(zhǎng)相依 2018-07-17 19:13:55

我是剛剛開始接觸3D，在網(wǎng)上看了一些文章，比較疑惑webGL與Canvas的關(guān)系，不知道我這樣理解對(duì)不對(duì)：canvas的3D渲染是基于webGL的，當(dāng)使用canvas的3D渲染的時(shí)候，實(shí)際上調(diào)用的就是webGL？是這樣么？

查看完整描述

3 回答

白衣染霜花

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超10個(gè)贊

Canvas 是HTML5提供的一個(gè)特性，你可以把它當(dāng)做一個(gè)載體，簡(jiǎn)單的說(shuō)就是一張白紙。而Canvas 2D 相當(dāng)于獲取了內(nèi)置的二維圖形接口，也就是二維畫筆。Canvas 3D 是獲取基于 WebGL的圖形接口，相當(dāng)于三維畫筆。你可以選擇不同的畫筆在上面作畫。

1 反對(duì) 回復(fù) 2018-07-22

明月笑刀無(wú)情

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超4個(gè)贊

canvas就是畫布，只要瀏覽器支持，可以在canvas上獲取2D上下文和3D上下文，其中3D上下文一般就是webgl。

1 反對(duì) 回復(fù) 2018-07-22

藍(lán)山帝景

TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊

了解之前可以先看看OpenGL
OpenGL是底層的驅(qū)動(dòng)級(jí)的圖形接口（是顯卡有直接關(guān)系的）類似于 DirectX
但是這種底層的OpenGL是寄生于瀏覽器的JavaScript無(wú)法涉及的
但是為了讓W(xué)eb擁有更強(qiáng)大的圖形處理能力 2010年時(shí)候WebGL被推出來(lái)
WebGL允許工程師使用JS去調(diào)用部分封裝過(guò)的 OpenGL ES2.0標(biāo)準(zhǔn)接口去提供硬件級(jí)別的3D圖形加速功能

三者的關(guān)系是 JavaScript -> WebGL -> OpenGL ->.... -> 顯卡并把最終渲染出來(lái)圖形呈現(xiàn)到Canvas

反對(duì) 回復(fù) 2018-07-22