This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The OffscreenCanvas.transferToImageBitmap() method creates an ImageBitmap object from the most recently rendered image of the OffscreenCanvas.
ImageBitmap OffscreenCanvas.transferToImageBitmap()
An ImageBitmap.
var offscreen = new OffscreenCanvas(256, 256);
var gl = offscreen.getContext("webgl");
// ... some drawing using the gl context ...
offscreen.transferToImageBitmap();
// ImageBitmap { width: 256, height: 256 } | Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of 'OffscreenCanvas.transferToImageBitmap()' in that specification. | Living Standard |
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | No support | 46 (46) [1] | No support | No support | No support |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | No support | 46.0 (46) [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.
OffscreenCanvas
ImageBitmapRenderingContext.transferImageBitmap()
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/OffScreenCanvas/transferToImageBitmap