如何解决从画布上清除WebGL2RenderingContext
我有一个要使用WebGL2RenderingContext清除的WebGL画布,我似乎也找不到办法:
- 清除画布
- 用其他上下文替换上下文
- 完全删除上下文
我已经尝试过类似的方法,虽然它可以让我获取画布及其上下文,但现在我不确定从何处去
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,canvas.width,canvas.height);
我希望它是这样,以便画布本身仍在页面上,但上面没有任何东西。
解决方法
您不能更改画布的上下文。
您可以使用以下方法清除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);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。