ImageData: свойство colorSpace

Только для чтения ImageData.colorSpace свойство — строка, указывающая цветовое пространство данных изображения.

Цветовое пространство можно задать во время ImageData инициализации, используя конструктор ImageData() или метод createImageData().

Это свойство может иметь следующие значения:

• "srgb" — представляющее цветовое пространство sRGB.
• "display-p3" — представляющее цветовое пространство display-p3.

Метод getImageData() позволяет явно запросить цветовое пространство. Если оно не соответствует цветовому пространству, с которым был инициализирован холст, будет выполнено преобразование. Используйте свойство colorSpace для определения цветового пространства вашего объекта ImageData.

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"

• CanvasRenderingContext2D.createImageData()
• CanvasRenderingContext2D.getImageData()
• colorSpace установка в canvas.getContext()
• Установка цветовых пространств WebGL:
  • WebGLRenderingContext.drawingBufferColorSpace
  • WebGLRenderingContext.unpackColorSpace