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-Renderingkontext 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 die Leinwand zurück, von der der Kontext erstellt wurde.

Instanz-Methoden

configure()

Konfiguriert den Kontext zur Verwendung mit einem gegebenen GPUDevice für das Rendering und setzt die Leinwand auf transparentes Schwarz zurück.

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 in das Dokument eingebunden wird.

unconfigure()

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

Beispiele

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

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

Spezifikationen

Specification
WebGPU
# gpucanvascontext

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch