WebContextEvent interface is part of the WebGL API and is an interface for an event that is generated in response to a status change to the WebGL rendering context.

继承

This interface inherits properties and methods from its parent int erface, 事件 .

  <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="../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="../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;}
					

特性

This interface 继承来自其父级接口的特性, 事件 .

WebGLContextEvent.statusMessage

A read-only property containing additional information about the event.

方法

This interface doesn't define any own methods, but inherits methods from its parent interface, 事件 .

范例

With the help of the WEBGL_lose_context extension, you can simulate the webglcontextlost and 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();
// WebGLContextEvent event with type "webglcontextlost" is logged.
					

规范

规范 状态 注释
WebGL 1.0
The definition of 'WebGLContextEvent' in that specification.
推荐 初始定义。

浏览器兼容性

更新 GitHub 上的兼容性数据
桌面 移动
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
WebGLContextEvent Chrome 9 Edge 12 Firefox 49 IE 11 Opera 12 Safari 5.1 WebView Android Yes Chrome Android 25 Firefox Android 49 Opera Android 12 Safari iOS 8 Samsung Internet Android 1.5
statusMessage Chrome 9 Edge 12 Firefox 49 IE 11 Opera 12 Safari 5.1 WebView Android Yes Chrome Android 25 Firefox Android 49 Opera Android 12 Safari iOS 8 Samsung Internet Android 1.5
Available in workers Chrome No Edge No Firefox 49 IE No Opera No Safari No WebView Android No Chrome Android No Firefox Android No Opera Android No Safari iOS No Samsung Internet Android No

图例

完整支持

完整支持

不支持

不支持

实验。期望将来行为有所改变。

实验。期望将来行为有所改变。

用户必须明确启用此特征。

用户必须明确启用此特征。

另请参阅

元数据

  • 最后修改: