HTMLCanvasElement：webglcontextlost 事件

返回到：Canvas API：HTMLCanvasElement

如果浏览器检测到与 WebGLRenderingContext对象关联的图形缓冲区已丢失，则会触发WebGL API 中的 webglcontextlost 事件。

例子

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

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

canvas.addEventListener('webglcontextlost', (event) => {
  console.log(event);
});

//WEBGL_lose_context 是 webgl 是属于 WebGLAPI 的一个扩展 API，它提供一组方法用来模拟一个 WebGLRenderingContext 上下文的丢失和恢复。
gl.getExtension('WEBGL_lose_context').loseContext();

// "webglcontextlost" event is logged.

返回到：Canvas API：HTMLCanvasElement