"Canvas 2D 颜色管理：colorSpace 与像素格式"

概述现代浏览器为 Canvas 2D 提供颜色空间与像素格式选项。在支持设备上可使用 `display-p3` 与高精度像素格式获得更准确的颜色与梯度表现，需权衡性能与内存。示例const ctx = canvas.getContext('2d', { colorSpace: 'display-p3', pixelFormat: 'float16' }) ctx.fillStyle = 'color(display-p3 0.9 0.2 0.2)' ctx.fillRect(0,0,100,100) 工程建议设备与回退：检测支持后启用；不支持时回退到 sRGB/默认像素格式。性能与内存：高精度像素格式更耗性能与内存；按需使用并控制区域。一致性：与 CSS 颜色函数/图片素材的色彩空间保持一致；避免跨空间混用导致差异。参考与验证HTML 规范（Canvas 2D）：https://html.spec.whatwg.org/multipage/canvas.htmlweb.dev 颜色管理与广色域指南：https://web.dev/articles/css-color-functionChrome 平台文档（Canvas color management）：https://developer.chrome.com/docs/web-platform/canvas-color-management/