ImageBitmapRenderingContext: transferFromImageBitmap() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Januar 2020⁩.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die ImageBitmapRenderingContext.transferFromImageBitmap() Methode zeigt das angegebene ImageBitmap im Canvas an, das mit diesem Rendering-Kontext verbunden ist. Der Besitz des ImageBitmap wird ebenfalls auf das Canvas übertragen.

Diese Methode hieß zuvor transferImageBitmap(), wurde jedoch in einer Spezifikationsänderung umbenannt. Der alte Name wird als Alias beibehalten, um Code-Brüche zu vermeiden.

Syntax

transferFromImageBitmap(bitmap)

Parameter

bitmap: Ein ImageBitmap-Objekt, das übertragen werden soll.

<canvas id="htmlCanvas"></canvas>

JavaScript

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);