webGL和Canvas之间的关系？ - SegmentFault 思否
文章推薦指數： 80 %
我是刚刚开始接触3D，在网上看了一些文章，比较疑惑webGL与Canvas的关系，不知道我这样理解对不对：canvas的3D渲染是基于webGL的，当使用canvas的3D ...
注册登录问答专栏课程招聘活动发现✓使用“Bing”搜本站使用“Google”搜本站使用“百度”搜本站站内搜索注册登录首页问答html5问答详情2webGL和Canvas之间的关系？方始终980发布于2016-07-11我是刚刚开始接触3D，在网上看了一些文章，比较疑惑webGL与Canvas的关系，不知道我这样理解对不对：canvas的3D渲染是基于webGL的，当使用canvas的3D渲染的时候，实际上调用的就是webGL？是这样么？html5canvaswebgl关注7收藏1赞2回复阅读24.6k5个回答得票最新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回复撰写回答你尚未登录，登录后可以和开发者交流问题的细节关注并接收问题和回答的更新提醒参与内容的编辑和改进，让解决方法与时俱进注册登录宣传栏246361
延伸文章資訊
- 1WebGL 入門- Web APIs
WebGL 讓網頁內容能藉由一種基於 OpenGL ES 2.0 的API 的幫助，於支援此API 的瀏覽器環境中，不需使用外掛程式就能在HTML的 canvas 元素中實現二維及三維渲染。
- 2WebGL vs Canvas| Top Comparisons to Learn with Infographics
WebGL is the version of OpenGL, which is a 3D engine. It helps its user to perform 3D manipulatio...
- 3Taking A Screenshot of the Canvas - WebGL Fundamentals
A common question is how to make a WebGL animation be the background of a webpage. There are 2 ob...
- 4Is there any reason for using WebGL instead of 2D Canvas for ...
Both canvas and webGL are JavaScript APIs. They are pretty much the same regarding integration (b...
- 5HTML5 Canvas,WebGL,CSS Shaders,GLSL的暧昧关系 - 张鑫旭
互联网的发展相当的神速，其他不说，就前端技术这块，出现的些新名词或生名词就让人眼花缭乱，应接不暇，比如说：HTML5 Canvas, WebGL, CSS Shaders, ...
