ImageData: colorSpace 属性
注意：此功能在 Web Workers 中可用。
只读的 ImageData.colorSpace 属性是一个字符串，用于指示图像数据的颜色空间。
颜色空间可以在 ImageData 初始化期间使用 ImageData() 构造函数或 createImageData() 方法进行设置。
值
此属性可以具有以下值
"srgb"代表 sRGB 颜色空间。"display-p3"代表 display-p3 颜色空间。
示例
获取画布图像数据的颜色空间
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 |
浏览器兼容性
加载中…