canvas有哪些渲染上下文？

Canvas 主要有两种渲染上下文：

1. 2D 渲染上下文 (2D rendering context): 这是最常用的上下文，用于绘制二维图形，文本，图像等。通过 canvas.getContext('2d') 获取。它提供了丰富的 API，例如绘制矩形、圆形、线条、路径、图像、渐变、阴影等等，以及控制颜色、字体、透明度等样式。绝大多数 Canvas 操作都使用这个上下文。

2. WebGL 渲染上下文 (WebGL rendering context): 用于绘制三维图形。通过 canvas.getContext('webgl') 或 canvas.getContext('webgl2') 获取。WebGL 基于 OpenGL ES，它使用着色器语言 (GLSL) 来控制图形渲染，提供了更底层、更灵活的控制，可以实现复杂的 3D 效果和动画。webgl2 是 WebGL 的升级版，提供了更多功能和更高的性能。

除了以上两种主要的渲染上下文，还有一些其他的上下文，但使用频率相对较低：

• bitmaprenderer: 这是一个实验性的上下文，用于直接操作位图数据。它可以提供更高的性能，但兼容性较差，并且 API 比较复杂。

总而言之，2d 和 webgl/webgl2 是 Canvas 最重要的两种渲染上下文，分别用于 2D 和 3D 绘图。选择哪种上下文取决于你的具体需求。 如果只是绘制简单的图形、文本或图像，2d 上下文就足够了。如果需要实现复杂的 3D 效果或游戏，则需要使用 webgl/webgl2 上下文。