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 zur Nutzung von WebGPU. Es kann verwendet werden, um einen GPUAdapter zurückzugeben, mit dem Sie Geräte anfordern, Funktionen und Einschränkungen konfigurieren und mehr machen 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 können Sie ein GPUDevice anfordern, das die primäre Schnittstelle zur Nutzung der WebGPU-Funktionalität darstellt.

getPreferredCanvasFormat()

Gibt das optimale Canvas-Texturformat für die Anzeige von 8-Bit-Tiefe, Standard-Dynamikbereich-Inhalt 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: device,
  format: navigator.gpu.getPreferredCanvasFormat(),
  alphaMode: "premultiplied",
});

Spezifikationen

Specification
WebGPU
# gpu-interface

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch