webGL和Canvas之间的关系？ - SegmentFault 思否

文章推薦指數： 80 %
投票人數：10人

我是刚刚开始接触3D，在网上看了一些文章，比较疑惑webGL与Canvas的关系，不知道我这样理解对不对：canvas的3D渲染是基于webGL的，当使用canvas的3D ... 注册登录问答专栏标签招聘活动发现✓使用“Bing”搜本站使用“Google”搜本站使用“百度”搜本站站内搜索注册登录首页问答html5问答详情2webGL和Canvas之间的关系？方始终983发布于2016-07-11我是刚刚开始接触3D，在网上看了一些文章，比较疑惑webGL与Canvas的关系，不知道我这样理解对不对：canvas的3D渲染是基于webGL的，当使用canvas的3D渲染的时候，实际上调用的就是webGL？是这样么？html5canvaswebgl关注7收藏1赞2回复阅读26.2k5个回答得票最新8马枭53更新于2018-06-07 了解之前可以先看看OpenGLOpenGL是底层的驱动级的图形接口（是显卡有直接关系的）类似于DirectX但是这种底层的OpenGL是寄生于浏览器的JavaScript无法涉及的但是为了让Web拥有更强大的图形处理能力2010年时候WebGL被推出来WebGL允许工程师使用JS去调用部分封装过的OpenGLES2.0标准接口去提供硬件级别的3D图形加速功能 三者的关系是JavaScript->WebGL->OpenGL->....->显卡并把最终渲染出来图形呈现到Canvas 赞8回复4米斯唐816发布于2016-07-16canvas就是画布，只要浏览器支持，可以在canvas上获取2D上下文和3D上下文，其中3D上下文一般就是webgl。

赞4回复0ivanilla2.8k发布于2016-07-16canvas应该是2D画布，3D的话就是用webgl。

赞0回复0PrincessGod24发布于2017-09-20Canvas是HTML5提供的一个特性，你可以把它当做一个载体，简单的说就是一张白纸。

而Canvas2D相当于获取了内置的二维图形接口，也就是二维画笔。

Canvas3D是获取基于WebGL的图形接口，相当于三维画笔。

你可以选择不同的画笔在上面作画。

赞0回复0辛辣的阿司匹林2发布于2021-05-31新手上路，请多包涵canvas让web具有绘图能力，webGL让canvas具有3D渲染能力赞0回复撰写回答你尚未登录，登录后可以和开发者交流问题的细节关注并接收问题和回答的更新提醒参与内容的编辑和改进，让解决方法与时俱进注册登录宣传栏262241

請為這篇文章評分？

延伸文章資訊