This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The HTMLCanvasElement
.transferControlToOffscreen()
method transfers control to an OffscreenCanvas
object, either on the main thread or on a worker.
Syntax
OffscreenCanvas HTMLCanvasElement.transferControlToOffscreen()
Return value
An OffscreenCanvas
object.
Examples
var htmlCanvas = document.createElement('canvas'); var offscreen = htmlCanvas.transferControlToOffscreen(); var gl = offscreen.getContext('webgl'); // ... some drawing using the gl context ... // Push frames back to the original HTMLCanvasElement gl.commit();
Specifications
Currently drafted as a proposal in the OffscreenCanvas specification.
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | No support | 44 (44) [1] | No support | No support | No support |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | No support | 44.0 (44) [1] | No support | No support | No support |
[1] This feature is behind a feature preference setting. In about:config, set gfx.offscreencanvas.enabled
to true
.
See also
- The interface defining this method,
HTMLCanvasElement
OffscreenCanvas
WebGLRenderingContext.commit()