在 WebGPU 的片元着色器中访问帧缓冲坐标

---

1. 技术说明

• 使用最新 Edge/Chrome Canary 浏览器
• 使用 VSCode 插件 LiveServer 的 HTTP 服务器对本机提供 5500 端口的页面服务，即 http://localhost:5500/index.html
• 使用 es-module 风格的 JavaScript 实现

2. 三角形例子

先上效果，后面再解析片元着色器：

HTML

html 部分就简单一些

<canvas id="c" width