从画布中清除 WebGL2RenderingContext

Question

我有一个 WebGL 画布，我想在某个使用 WebGL2RenderingContext 的地方清除它，但我似乎找不到任何方法：

• 清除画布
• 用不同的上下文替换上下文
• 完全删除上下文

我尝试过类似的方法，虽然它允许我获取画布及其上下文，但我现在不知道从这里去哪里

var canvas = document.getElementById('#canvas');
var gl = canvas.getContext('webgl2');
gl.clear();

我也尝试过类似的方法来用新的上下文覆盖画布，但它似乎不起作用。

var canvas = document.getElementById('#canvas');
var gl = canvas.getContext('2d');
gl.clearRect(0, 0, canvas.width, canvas.height);

我希望画布本身仍在页面上，但上面没有任何内容。

Answer 1

您不能更改画布的上下文。

您可以使用

清除 WebGL 或 WebGL2 画布

 const red = 1;
 const green = 0.5;
 const blue = 0.7;
 const alpha = 1;
 gl.clearColor(red, green, blue, alpha);
 gl.clear(gl.COLOR_BUFFER_BIT);