WEBGL_lose_context.loseContext()

WEBGL_lose_context.loseContext()属于 WebGL API, 一般用来模拟 WebGLRenderingContext 的上下文丢失。

这个方法会触发WebGL规范中上下文丢失的相关事件。通过这个方法丢失的上下文可以通过 WEBGL_lose_context.restoreContext() 恢复。

语法

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

示例

你可以用这个方法模拟 webglcontextlost 事件:

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事件被触发。

规范

Specification Status Comment
WEBGL_lose_context
WEBGL_lose_context.loseContext
Recommendation Initial definition.

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
loseContextChrome Full support YesEdge Full support 17Firefox Full support 22
Full support 22
No support 19 — 58
Prefixed
Prefixed Implemented with the vendor prefix: MOZ_
IE ? Opera Full support YesSafari ? WebView Android Full support YesChrome Android Full support YesFirefox Android ? Opera Android Full support YesSafari iOS ? Samsung Internet Android Full support Yes

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown
Requires a vendor prefix or different name for use.
Requires a vendor prefix or different name for use.

相关链接