1、canvas
是HTML5新增的一个DOM元素。
用途:显示二维和三维的图像
绘制方法:二维图形可以使用 ( Canvas API 或 WebGL API)、三维图形使用 WebGL API
2、 Canvas API
CanvasAPI提供二维绘图的方式
图形的绘制主要通过 CanvasRenderingContext2D 接口完成。
获取方式：const canvasApi = canvas.getContext(' 2d')
3、WebGL API
WebGL API提供三维绘图的方式
图形的绘制主要通过 WebGLRenderingContext 接口完成（基于OpenGL ES 2.0）。
随着webgl的发展，出现了以OpenGL ES 3.0的基础上CanvasRenderingContext2D接口.
获取方式：
const canvasApi =canvas.getContext('webgl ')；
const gl =canvas.getContext("webgl2")
