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, bevor Sie diese produktiv verwenden.
Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.
Hinweis: Dieses Feature ist verfügbar in Web Workers.
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
Experimentell Nur lesbar-
Gibt eine Referenz auf die Leinwand zurück, von der der Kontext erstellt wurde.
Instanz-Methoden
configure()
Experimentell-
Konfiguriert den Kontext zur Verwendung mit einem gegebenen
GPUDevice
für das Rendering und setzt die Leinwand auf transparentes Schwarz zurück. getConfiguration()
Experimentell-
Gibt die aktuelle Konfiguration zurück, die für den Kontext festgelegt wurde.
getCurrentTexture()
Experimentell-
Gibt die nächste
GPUTexture
zurück, die vom Canvas-Kontext in das Dokument eingebunden wird. unconfigure()
Experimentell-
Entfernt jegliche zuvor festgelegte Kontextkonfiguration und zerstört alle Texturen, die erstellt wurden, während der Canvas-Kontext konfiguriert war.
Beispiele
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
- Die WebGPU API