HTMLCanvasElement.transferControlToOffscreen()

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.

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.

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	Not supported	44 (44) [1]	Not supported	Not supported	Not supported

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	Not supported	44.0 (44) [1]	Not supported	Not supported	Not supported

[1] This feature is behind a feature preference setting. In about:config, set gfx.offscreencanvas.enabled to true.

HTMLCanvasElement.transferControlToOffscreen()

Syntax

Return value

Examples

Specifications

Browser compatibility

See also

Document Tags and Contributors