HTMLCanvasElement: webglcontextrestored 事件

返回到：Canvas API：HTMLCanvasElement

如果用户代理恢复对象的绘图缓冲区，则会触发WebGL API的webglcontextrestored事件。WebGLRenderingContext

一旦上下文恢复，在上下文丢失之前创建的 WebGL 资源（例如纹理和缓冲区）将不再有效。您需要重新初始化 WebGL 应用程序的状态并重新创建资源。

此事件不会冒泡。

语法

在诸如 之类的方法中使用事件名称addEventListener()，或设置事件处理程序属性。

addEventListener('webglcontextrestored', (event) => {});

onwebglcontextrestored = (event) => { };

事件类型

一个WebGLContextEvent。继承自Event。

事件属性

此接口从其父接口继承属性Event。

WebGLContextEvent.statusMessage

包含有关事件的附加信息的只读属性。

例子

在WEBGL_lose_context扩展的帮助下，您可以模拟webglcontextrestored事件：

const canvas = document.getElementById('canvas');
const gl = canvas.getContext('webgl');

canvas.addEventListener('webglcontextrestored', (e) => {
  console.log(e);
}, false);

gl.getExtension('WEBGL_lose_context').restoreContext();

// "webglcontextrestored" event is logged.

返回到：Canvas API：HTMLCanvasElement