在HTML5中，WebGL繪製非WebGL繪圖之間的界限在哪裏？

Question

HTML canvas元素令人印象深刻，人們用它做的事情是令人興奮的。當我研究開發人員使用的JavaScript時，如果我所看到的符合「WebGL」這個術語，它並不總是很明顯。什麼是和不是WebGL之間的界限在哪裏？

Answer 1

這是WebGL，如果他們使用WebGLRenderingContext。參見：https://www.khronos.org/registry/webgl/specs/1.0/

實施例1從該文件示出了：

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

Answer 2

通常有兩種類型的使用<canvas>元件的現在：2D和WebGL的。那些叫做context。

您使用canvas.getContext('yourContextHere');獲取上下文。最簡單的方法來確定使用哪個上下文，只需搜索getContext並查看用作第一個參數的內容。

有一個2d方面，雖然存在着webgl很多變化，像experimental-webgl，webkit-3d和其他幾個人，但他們通常會含有或webgl或它3d字。

另一個很大的區別是尺寸，2D上下文顯然只有2維，仍然有可能用矩陣做一些數學運算並模擬3維，有時這種技術用於繪製簡單的3D感覺。但這很少見。

WebGL基於OpenGL ES 2.0，擁有自己的功能，與2D上下文完全不同。所以，如果你學習了一些，那麼就很容易區分它們。