このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

OffscreenCanvas: OffscreenCanvas() コンストラクター

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2023年3月⁩.

メモ: この機能はウェブワーカー内で利用可能です。

OffscreenCanvas() コンストラクターは、新しい OffscreenCanvas オブジェクトを生成します。

構文

js
new OffscreenCanvas(width, height)

引数

width

オフスクリーンキャンパスの横幅を表します。

height

オフスクリーンキャンバスの高さを表します。

この例では OffscreenCanvas() コンストラクターを用いてオフスクリーンキャンバスを新しく生成します。次に、 getContext() メソッドを使用して WebGL コンテキストを初期化します。

js
const offscreen = new OffscreenCanvas(256, 256);
const gl = offscreen.getContext("webgl");

仕様書

Specification
HTML
# dom-offscreencanvas-dev

ブラウザーの互換性

関連情報

  • このコンストラクターは、 OffscreenCanvas インターフェイスに属します。