GPU管线模型
GPU 不执行 fillRect。它执行 管线：装配顶点 → 光栅 → 片元着色 → 写入帧缓冲。这一章只解决：空间怎么定义、上下文怎么活、和 2D 有什么互斥。
这一章覆盖什么
- 渲染管线与着色器阶段
- NDC、裁剪、Y 轴
getContext生命周期、丢失、WebGPUconfigure
文档清单
| 文档 | 解决的问题 |
|---|---|
| 渲染管线与着色器 | VS/FS、状态机、为什么「换个颜色」也会碰到 bind |
| NDC 裁剪与 Y 轴 | 剪裁空间、WebGL 左下原点、和 CSS 对齐 |
| 上下文生命周期 | webgl2 / webgpu 创建、互斥、device.lost |
约定
- 生产创建 只认 WebGL2；WebGL1 只作为探测失败后的明确降级，正文示例不写
experimental-webgl。 - 用户空间讨论命中时：CSS 像素 → NDC → 世界，见 03。不要用
offsetX当 clip space。