HTMLCanvasElement: webglcontextlost event - Web API 接口参考 编辑

如果浏览器检测到与 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

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

请参阅

• WebGLContextEvent
• WebGLRenderingContext.isContextLost()
• WEBGL_lose_context, WEBGL_lose_context.loseContext(), WEBGL_lose_context.restoreContext()