ImageData: colorSpace 属性

注意：此功能在 Web Workers 中可用。

只读 ImageData.colorSpace 属性是一个字符串，指示图像数据的颜色空间。

颜色空间可以在使用 ImageData() 构造函数或 createImageData() 方法初始化 ImageData 时设置。

值

此属性可以具有以下值

示例

获取画布图像数据的颜色空间

getImageData() 方法允许您显式请求颜色空间。如果它与画布初始化的颜色空间不匹配，则会执行转换。使用 colorSpace 属性来了解您的 ImageData 对象位于哪个颜色空间。

js
const context = canvas.getContext("2d", { colorSpace: "display-p3" });
context.fillStyle = "color(display-p3 0.5 0 0)";
context.fillRect(0, 0, 10, 10);

const p3ImageData = context.getImageData(0, 0, 1, 1);
console.log(p3ImageData.colorSpace); // "display-p3"

const srgbImageData = context.getImageData(0, 0, 1, 1, { colorSpace: "srgb" });
console.log(srgbImageData.colorSpace); // "srgb"

规范

规范
HTML 标准
# dom-imagedata-colorspace

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅