This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.
The HTMLCanvasElement
.transferControlToOffscreen()
method transfers control to an OffscreenCanvas
object, either on the main thread or on a worker.
SyntaxEdit
OffscreenCanvas HTMLCanvasElement.transferControlToOffscreen()
Return value
An OffscreenCanvas
object.
ExamplesEdit
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();
SpecificationsEdit
Currently drafted as a proposal in the OffscreenCanvas specification.
Browser compatibilityEdit
[1] This feature is behind a feature preference setting. In about:config, set gfx.offscreencanvas.enabled
to true
.
See alsoEdit
- The interface defining this method,
HTMLCanvasElement
OffscreenCanvas
WebGLRenderingContext.commit()