如何在 JavaScript 中为 canvas 指定颜色 space？

Question

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

如何更改用于呈现 HTML canvas 元素的颜色 space？

Answer 1

从 Chrome version 94, when creating a canvas 2d object, you can now provide an options object 参数开始，指定您想要使用的颜色 space（"srgb" 或 "display-p3"）：

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

此外，请注意 默认 颜色 space 用于 canvas 元素现在正式（而不是传统和隐含） sRGB ("srgb").

您可以观看 Chrome YouTube announcement and read its feature specification.
如 YouTube 视频中所述，此功能也将在 Firefox and Safari 中提供。

相关链接：

• Canvas颜色spaceproposal on GitHub
• HTML color space specification

_{感谢 isherwood 和 Kaiido 的评论。}