GPUCanvasContext

Limited availability

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

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, 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

Specification
WebGPU # gpucanvascontext

Browser-Kompatibilität

Siehe auch

Die WebGPU API