canvas元素标签

canvas绘制需要一个canvas元素标签，直接在html中添加元素标签就可以。

<canvas id="canvasId" width="500" height="500" style="background-color: blue"></canvas>

获取canvas画布

我们通过id来获取canvas画布

var canvas=document.getElementById('canvasId');

获取canvas上下文

通过方法getContext()获取WebGL上下文
contextType参数有以下四种：
2d,创建一个CanvasRenderingContext2D对象作为2D渲染的上下文。
webgl(或experimental-webgl),创建一个WebGLRenderingContext对象作为3D渲染的上下文，只在实现了WebGL 2的浏览器上可用，实验性特性。
webgl2,创建一个WebGL2RenderingContext对象作为3D渲染的上下文，只在实现了WebGL 3的浏览器上可用。
bitmaprenderer，创建一个ImageBitmapRenderingContext，用于将位图渲染到canvas上下文上，实验性特性。

var gl=canvas.getContext('webgl');