HTMLCanvasElement: webglcontextlost event

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

冒泡 Yes
可取消 Yes
继承 WebGLContextEvent
事件处理程序属性 none

例子

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.

标准

Specification Status Comment
WebGL 1.0
webglcontextlost
Recommendation Initial definition.

浏览器兼容性

BCD tables only load in the browser

请参阅