GPU
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
WebGPU API 的 GPU 接口是使用 WebGPU 的入口点。它用于返回一个 GPUAdapter，你可以从中请求设备，获取配置特性以及限制等。
当前上下文的 GPU 对象可以通过 Navigator.gpu 或 WorkerNavigator.gpu 属性访问。
实例属性
requestAdapter()实验性-
返回
Promise，会兑现一个GPUAdapter对象实例。这时，你可以请求一个GPUDevice，它是使用 WebGPU 功能的主要接口。 getPreferredCanvasFormat()实验性-
返回用于当前系统上显示 8 位色深、标准动态范围（SDR）内容的最佳 canvas 纹理格式。
示例
请求适配器和设备
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();
//...
}
使用最佳纹理格式配置 GPUCanvasContext
js
const canvas = document.querySelector("#gpuCanvas");
const context = canvas.getContext("webgpu");
context.configure({
device: device,
format: navigator.gpu.getPreferredCanvasFormat(),
alphaMode: "premultiplied",
});
规范
| Specification |
|---|
| WebGPU # gpu-interface |
浏览器兼容性
Loading…