GPUCanvasContext

インスタンスプロパティ

canvas 読取専用

このコンテキストの作成元であるキャンバスへの参照を返します。

インスタンスメソッド

configure()

指定の GPUDevice でレンダリングを行う用にコンテキストを設定し、キャンバスを透明な黒に初期化します。

getCurrentTexture()

このキャンバスコンテキストによって文書に次に合成される GPUTexture を返します。

unconfigure()

これまでのコンテキスト設定をすべて消去し、キャンバスコンテキストが設定されていた間に作成されたテクスチャをすべて破棄します。

例

const canvas = document.querySelector("#gpuCanvas");
const context = canvas.getContext("webgpu");

context.configure({
  device: device,
  format: navigator.gpu.getPreferredCanvasFormat(),
  alphaMode: "premultiplied",
});

仕様書

ブラウザーの互換性

関連情報

• WebGPU API