GPUCanvasContext

Das GPUCanvasContext-Interface der WebGPU API repräsentiert den WebGPU-Rendering-Kontext eines <canvas>-Elements, das über einen Aufruf von HTMLCanvasElement.getContext() mit einem contextType von "webgpu" zurückgegeben wird.

Instanz-Eigenschaften

canvas Schreibgeschützt

Gibt eine Referenz auf das Canvas zurück, aus dem der Kontext erstellt wurde.

Instanz-Methoden

configure()

Konfiguriert den Kontext zur Nutzung für das Rendering mit einem gegebenen GPUDevice und löscht das Canvas zu transparentem Schwarz.

getConfiguration()

Gibt die aktuelle Konfiguration zurück, die für den Kontext festgelegt wurde.

getCurrentTexture()

Gibt die nächste GPUTexture zurück, die vom Canvas-Kontext im Dokument zusammengesetzt werden soll.

unconfigure()

Entfernt jede zuvor festgelegte Kontextkonfiguration und zerstört alle Texturen, die erzeugt wurden, während der Canvas-Kontext konfiguriert war.

Beispiele

const canvas = document.querySelector("#gpuCanvas");
const context = canvas.getContext("webgpu");
context.configure({
 device,
 format: navigator.gpu.getPreferredCanvasFormat(),
 alphaMode: "premultiplied",
});

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Die WebGPU API