この記事はまだボランティアによって 日本語 に翻訳されていません。ぜひ MDN に参加して翻訳を手伝ってください！
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.
Browser compatibility
| 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.
See also
- The interface defining this method,
HTMLCanvasElement OffscreenCanvasWebGLRenderingContext.commit()