files/en-us/web/api/imagebitmaprenderingcontext/transferfromimagebitmap/index.md
{{APIRef("Canvas API")}}{{AvailableInWorkers}}
The ImageBitmapRenderingContext.transferFromImageBitmap()
method displays the given {{domxref("ImageBitmap")}} in the canvas associated with this
rendering context. The ownership of the ImageBitmap is transferred to the
canvas as well.
This method was previously named transferImageBitmap(), but was renamed in
a spec change. The old name is being kept as an alias to avoid code breakage.
transferFromImageBitmap(bitmap)
bitmap
null. If the value is null, the canvas is reset to blank.None ({{jsxref("undefined")}}).
<canvas id="htmlCanvas"></canvas>
const htmlCanvas = document
.getElementById("htmlCanvas")
.getContext("bitmaprenderer");
// Draw a WebGL scene offscreen
const offscreen = new OffscreenCanvas(256, 256);
const gl = offscreen.getContext("webgl");
// Perform some drawing using the gl context
// Transfer the current frame to the visible canvas
const bitmap = offscreen.transferToImageBitmap();
htmlCanvas.transferFromImageBitmap(bitmap);
{{Specifications}}
{{Compat}}