ImageBitmapRenderingContext: transferFromImageBitmap() 方法

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

注意:此功能在 Web Workers 中可用。

ImageBitmapRenderingContext.transferFromImageBitmap() 方法會將給定的 ImageBitmap 顯示在與此渲染上下文關聯的畫布上。ImageBitmap 的所有權也會轉移到畫布上。

此方法以前命名為 transferImageBitmap(),但在規範更改中被重新命名。為避免程式碼中斷,舊名稱被保留為別名。

語法

js
transferFromImageBitmap(bitmap)

引數

bitmap

要轉移的 ImageBitmap 物件。

返回值

無(undefined)。

示例

HTML

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

JavaScript

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

規範

規範
HTML
# dom-imagebitmaprenderingcontext-transferfromimagebitmap-dev

瀏覽器相容性

另見