问在HTML5中，WebGL绘制非WebGL绘图之间的线在哪里？

EN

如果他们使用的是WebGL，那就是WebGLRenderingContext。请参阅：https://www.khronos.org/registry/webgl/specs/1.0/

该文档中的示例1显示：

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

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

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

有一个2d上下文，而webgl有许多变体，比如experimental-webgl、webkit-3d和其他几个，但是它们通常会包含或webgl或3d单词。

另一个很大的区别是维数，二维上下文显然只有二维，还可以用矩阵进行一些数学计算，并模拟三维，这种方法有时是为了用三维的感觉来绘制简单的东西。但这是罕见的。

WebGL基于OpenGL ES 2.0，具有自己的功能，与2d上下文完全不同。因此，如果你学习其中的一些，那么就很容易区分它们。