html - 在 HTML5 中，WebGL 绘制与非 WebGL 绘制之间的界限在哪里？

Question

HTML 画布元素令人印象深刻，人们用它做的事情令人兴奋。当我研究开发人员使用的 javascript 时，我所看到的是否符合术语“WebGL”并不总是很明显。什么是和不是 WebGL 之间的界限在哪里？

score 6 · Accepted Answer

如果他们使用的是WebGLRenderingContext. 见：https ://www.khronos.org/registry/webgl/specs/1.0/

该文档中的示例 1 显示：

var canvas = document.getElementById('canvas1');
var gl = canvas.getContext('webgl');

score 0 · Accepted Answer

<canvas>通常现在元素的使用有两种类型： 2D和WebGL。那些叫context。

您使用canvas.getContext('yourContextHere');. 识别使用哪个上下文的最简单方法，只需搜索getContext并查看用作第一个参数的内容。

有一个上下文，虽然, like和其他几个2d变体有很多变体，但它们通常会包含 or或单词。webglexperimental-webglwebkit-3dwebgl3d

另一个很大的区别是维度，2d 上下文显然只有 2 个维度，仍然可以用矩阵做一些数学运算并模拟 3 个维度，这种技术有时用于绘制具有 3d 感觉的简单的东西。但这很少见。

WebGL 基于 OpenGL ES 2.0 并具有自己的功能，与 2d 上下文完全不同。因此，如果您了解其中的一些内容，那么区分它们将非常容易。

2 回答 2