WebGPU Canvas Context

A GPUCanvasContext is the bridge between a <canvas> element and the GPU. It produces the per-frame GPUTexture that a render pass draws into and that the browser then composites to the screen. This skill covers context creation, configuration, per-frame texture acquisition, and resize handling for WebGPU 1.0-stable (Chrome 113+, Safari 26+, Firefox 141+).

Quick Reference

GPUCanvasConfiguration fields passed to context.configure():