WebGLContextEvent - Web API 接口参考 编辑

WebContextEvent 接口属于 WebGL API 的一部分，同时也是生成用来对 WebGL 渲染上下文作响应的事件接口。

继承

此接口从它的父接口 Event继承属性和方法。

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/wiki/zh-CN/docs/Web/API/Event" target="_top"><rect x="1" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="38.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Event</text></a><polyline points="76,25  86,20  86,30  76,25" stroke="#D4DDE4" fill="none"/><line x1="86" y1="25" x2="116" y2="25" stroke="#D4DDE4"/><a xlink:href="/wiki/zh-CN/docs/Web/API/WebGLContextEvent" target="_top"><rect x="116" y="1" width="170" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="201" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">WebGLContextEvent</text></a></svg></div>

  a:hover text { fill: #0095DD; pointer-events: all;}

属性

此接口从它的父接口 Event继承属性。

WebGLContextEvent.statusMessage

一个包含事件额外信息的只读属性。

方法

此接口本身并没有定义任何方法，而是从它的父接口 Event继承方法。

示例

使用 WEBGL_lose_context 插件， 你可以模拟 webglcontextlost 和 webglcontextrestored 事件：

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

canvas.addEventListener('webglcontextlost', function(e) {
  console.log(e);
}, false);

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

// 记录了 "webglcontextlost" 类型的 WebGLContextEvent 事件

规范

浏览器兼容性

BCD tables only load in the browser

The compatibility table in 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.

相关内容

• WebGLRenderingContext.isContextLost()
• WEBGL_lose_context, WEBGL_lose_context.loseContext(), WEBGL_lose_context.restoreContext()
• 事件: webglcontextlost, webglcontextrestored, webglcontextcreationerror