HTMLCanvasElement: transferControlToOffscreen() 方法

Baseline 已廣泛支援

此功能已成熟,並可在許多裝置和瀏覽器版本上執行。自 2023 年 3 月以來,它已在各種瀏覽器中可用。

HTMLCanvasElement.transferControlToOffscreen() 方法將控制權轉移到 OffscreenCanvas 物件,該物件可能位於主執行緒或 worker 中。

語法

js
transferControlToOffscreen()

引數

無。

返回值

一個 OffscreenCanvas 物件。

異常

InvalidStateError DOMException

如果發生以下情況,則會丟擲錯誤:

示例

以下示例顯示瞭如何將控制權轉移到主執行緒中的 OffscreenCanvas 物件。

js
const htmlCanvas = document.createElement("canvas");
const offscreen = htmlCanvas.transferControlToOffscreen();
const gl = offscreen.getContext("webgl");

// Some drawing using the gl context…

以下示例顯示瞭如何將控制權轉移到 worker 中的 OffscreenCanvas 物件。

js
const offscreen = document.querySelector("canvas").transferControlToOffscreen();
const worker = new Worker("my-worker-url.js");
worker.postMessage({ canvas: offscreen }, [offscreen]);

規範

規範
HTML
# dom-canvas-transfercontroltooffscreen-dev

瀏覽器相容性

另見