如何在 JavaScript 中指定画布的颜色空间？

Question

JS canvas 中使用的默认颜色空间是什么？

如何更改用于渲染 HTML 画布元素的颜色空间？

Answer 1

从Chrome 版本 94（以及Firefox和Safari）开始，在创建画布 2d 对象时，您现在可以提供一个选项对象参数来指定要使用的所需颜色空间（"srgb"或"display-p3"）：

let canvas = document.getElementById("myCanvas");
let options = { colorSpace: "display-p3" };
const context = canvas.getContext("2d", options);

另请注意，用于画布元素的默认颜色空间现在正式（而不是传统和隐式）sRGB ( "srgb")。

您可以观看 Chrome YouTube 公告并阅读其功能规范。

相关链接：

• GitHub 上的Canvas 色彩空间提案
• HTML颜色空间规范

_{感谢伊舍伍德和 Kaiido 的评论。}