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
wgslLanguageFeaturesSchreibgeschützt-
Ein
WGSLLanguageFeatures-Objekt, das die von der WebGPU-Implementierung unterstützten WGSL-Spracherweiterungen meldet.
Instanzmethoden
requestAdapter()-
Gibt ein
Promisezurück, das mit einerGPUAdapter-Objektinstanz erfüllt wird. Von diesem aus können Sie einGPUDeviceanfordern, 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
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
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
Loading…
Siehe auch
- Die WebGPU API