GPUCanvasContext

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

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, von dem der Kontext erstellt wurde.

Instanz-Methoden

configure()

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

getConfiguration()

Gibt die aktuelle für den Kontext gesetzte Konfiguration zurück.

getCurrentTexture()

Gibt das nächste GPUTexture zurück, das durch den Canvas-Kontext ins Dokument gesetzt wird.

unconfigure()

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

Beispiele

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

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

Spezifikationen

Specification
WebGPU
# gpucanvascontext

Browser-Kompatibilität

Siehe auch