getCurrentTexture() 返回的纹理的格式。可以是 bgra8unorm、rgba8unorm 或 rgba16float。当前系统的最佳画布纹理格式可以通过 GPU.getPreferredCanvasFormat() 返回。建议使用它——如果您在配置画布上下文时没有使用首选格式，可能会产生额外的开销，例如额外的纹理复制，具体取决于平台。

toneMapping 可选

一个对象，用于指定定义上下文的色调映射参数——即关联纹理的内容将如何显示。这允许 WebGPU 绘制比 white（#FFFFFF）更亮的颜色。可能的属性包括：

mode 可选

指定画布的色调映射模式的枚举值。可能的值包括：

standard: 默认值。将渲染内容限制在显示器的标准动态范围（SDR）内。此模式通过将颜色空间中的所有颜色值裁剪到 [0, 1] 间隔来实现。
extended: 如果可用，允许内容以显示器的全高动态范围（HDR）进行渲染。HDR 模式允许显示更宽的颜色和亮度级别范围，并提供更精确的指示，说明每种情况应显示什么颜色。此模式匹配屏幕的 [0, 1] 范围内的 "standard"。裁剪或投影到屏幕的扩展动态范围，而不是 [0, 1]。

usage 可选

指定 getCurrentTexture() 返回的纹理允许使用的按位标志。可能的值为：

GPUTextureUsage.COPY_SRC：纹理可以用作复制操作的源，例如 GPUCommandEncoder.copyTextureToBuffer() 调用的源参数。
GPUTextureUsage.COPY_DST：纹理可以用作复制/写入操作的目标，例如 GPUCommandEncoder.copyTextureToTexture() 调用的目标参数。
GPUTextureUsage.RENDER_ATTACHMENT：纹理可以用作渲染通道中的颜色附件，例如 GPUCommandEncoder.beginRenderPass() 调用中的颜色附件视图。GPUTextureUsage.RENDER_ATTACHMENT 是默认的 usage，但请注意，如果显式设置了不同的值，它不会自动包含；在这种情况下，您需要额外包含它。
GPUTextureUsage.TEXTURE_BINDING：纹理可以绑定以在着色器中用作采样纹理，例如 GPUDevice.createBindGroup() 调用中的绑定组条目。
GPUTextureUsage.STORAGE_BINDING：纹理可以绑定以在着色器中用作存储纹理，例如 GPUDevice.createBindGroup() 调用中的绑定组条目。

请注意，可以使用按位 OR 运算符指定多个可能的用法。例如，usage: GPUTextureUsage.COPY_SRC | GPUTextureUsage.RENDER_ATTACHMENT。

viewFormats 可选

从 getCurrentTexture() 返回的纹理创建的视图可能使用的格式数组。有关所有可能值的详细信息，请参阅纹理格式。

const canvas = document.querySelector("#gpuCanvas");
const context = canvas.getContext("webgpu");

context.configure({
  device,
  format: navigator.gpu.getPreferredCanvasFormat(),
  alphaMode: "premultiplied",
});