HTMLCanvasElement: webglcontextlost event
如果浏览器检测到与 WebGLRenderingContext对象关联的图形缓冲区已丢失，则会触发WebGL API 中的 webglcontextlost 事件。
| 冒泡 | Yes |
|---|---|
| 可取消 | Yes |
| 继承 | WebGLContextEvent |
| 事件处理程序属性 | none |
例子
在 WEBGL_lose_context 扩展的帮助下，你可以模拟 webglcontextlost 事件：
js
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 |
|---|
| WebGL Specification # 5.15.2 |
浏览器兼容性
BCD tables only load in the browser