从 canvas 清除 WebGL2RenderingContext

Question

我有一个 WebGL canvas，我想在某个使用 WebGL2RenderingContext 的点清除它，但我似乎找不到解决方法：

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

我已经尝试过类似的方法，虽然它允许我获得 canvas 及其上下文，但我现在不确定从这里去哪里

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

我也试过类似的方法来用新的上下文覆盖 canvas，但它似乎没有用。

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

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

Answer 1

您无法更改 canvas 的上下文。

您可以使用

清除 WebGL 或 WebGL2 canvas

 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);