GPU

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 GPU-Interface der WebGPU API ist der Ausgangspunkt für die Verwendung von WebGPU. Es kann verwendet werden, um ein GPUAdapter zurückzugeben, von dem aus Sie Geräte anfordern, Funktionen und Grenzen konfigurieren und mehr tun können.

Das GPU-Objekt für den aktuellen Kontext wird über die Eigenschaften Navigator.gpu oder WorkerNavigator.gpu abgerufen.

Instanz-Eigenschaften

wgslLanguageFeatures Schreibgeschützt

Ein WGSLLanguageFeatures-Objekt, das die WGSL-Spracherweiterungen berichtet, die von der WebGPU-Implementierung unterstützt werden.

Instanz-Methoden

requestAdapter()

Gibt ein Promise zurück, das mit einer GPUAdapter-Objektinstanz erfüllt wird. Von diesem können Sie ein GPUDevice anfordern, welches die primäre Schnittstelle zur Nutzung der WebGPU-Funktionalität ist.

getPreferredCanvasFormat()

Gibt das optimale Canvas-Texturformat für die Darstellung von Inhalten mit 8-Bit-Tiefe und Standard-Dynamikbereich auf dem aktuellen System zurück.

Beispiele

Anfordern eines Adapters und eines Geräts

js
async function init() {
  if (!navigator.gpu) {
    throw Error("WebGPU not supported.");
  }

  const adapter = await navigator.gpu.requestAdapter();
  if (!adapter) {
    throw Error("Couldn't request WebGPU adapter.");
  }

  const device = await adapter.requestDevice();

  // …
}

Konfigurieren eines GPUCanvasContext mit dem optimalen Texturformat

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

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

Spezifikationen

Specification
WebGPU
# gpu-interface

Browser-Kompatibilität

Siehe auch