GPU

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

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

Instanzeigenschaften

wgslLanguageFeatures Schreibgeschützt

Ein WGSLLanguageFeatures-Objekt, das die von der WebGPU-Implementierung unterstützten WGSL-Spracherweiterungen meldet.

Instanzmethoden

requestAdapter()

Gibt ein Promise zurück, das mit einer GPUAdapter-Objektinstanz erfüllt wird. Von diesem aus können Sie ein GPUDevice anfordern, welches das Hauptinterface für die Nutzung der WebGPU-Funktionalität darstellt.

getPreferredCanvasFormat()

Gibt das optimale Canvas-Texturformat für die Anzeige von Inhalten mit 8-Bit-Tiefe und Standarddynamikbereich 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();

  // …
}

Konfiguration 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