Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Web-APIs
  3. GPU

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

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 insicheren Kontexten (HTTPS) in einigen oder allenunterstützenden Browsern verfügbar.

Hinweis: Diese Funktion ist inWeb Workers verfügbar.

DasGPU-Interface derWebGPU API ist der Ausgangspunkt für die Nutzung von WebGPU. Es kann verwendet werden, um einenGPUAdapter zurückzugeben, von dem aus Sie Geräte anfordern, Funktionen und Limits konfigurieren und mehr tun können.

DasGPU-Objekt für den aktuellen Kontext wird über die EigenschaftenNavigator.gpu oderWorkerNavigator.gpu aufgerufen.

Instanzeigenschaften

wgslLanguageFeaturesSchreibgeschützt

EinWGSLLanguageFeatures-Objekt, das die von der WebGPU-Implementierung unterstütztenWGSL-Spracherweiterungen meldet.

Instanzmethoden

requestAdapter()

Gibt einPromise zurück, das mit einerGPUAdapter-Objektinstanz erfüllt wird. Von diesem aus können Sie einGPUDevice 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

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2025 Movatter.jp