WebGL2RenderingContext: свойство unpackColorSpace

Примечание: Эта функция доступна в Потоках выполнения веб-приложений.

Свойство WebGL2RenderingContext.unpackColorSpace указывает цветовое пространство, в которое нужно преобразовать при импорте текстур. Наряду со значением по умолчанию (srgb), можно использовать цветовое пространство display-p3.

Источники изображений текстур могут быть следующими:

Текстуры импортируются с помощью методов WebGLRenderingContext.texImage2D() и WebGLRenderingContext.texSubImage2D(), а преобразование в указанное unpackColorSpace цветовое пространство происходит во время импорта.

Обратите внимание, что это не применяется к HTMLImageElement, когда параметр хранения пикселей UNPACK_COLORSPACE_CONVERSION_WEBGL установлен на NONE.

Значение

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

"srgb" выбирает цветовое пространство sRGB. Это значение по умолчанию.
"display-p3" выбирает цветовое пространство display-p3.

Если указано недопустимое значение, то значение unpackColorSpace останется неизменным.

Примеры

Преобразование ImageData sRGB в display-p3 в текстуре

const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");

gl.drawingBufferColorSpace = "display-p3";
gl.unpackColorSpace = "display-p3";

// Some sRGB ImageData
// Will be converted from sRGB to Display P3
const imageData = new ImageData(data, 32, 32);

const tex = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, tex);
gl.texImage2D(
  gl.TEXTURE_2D,
  0,
  gl.RGBA,
  width,
  height,
  0,
  gl.RGBA,
  gl.UNSIGNED_BYTE,
  imageData,
);

Спецификации

Спецификация
Спецификация WebGL # DOM-WebGLRenderingContext-unpackColorSpace

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`unpackColorSpace`	104	104	132	90	Нет	104	132	71	Нет	20.0	104

См. также

WebGL2RenderingContext.drawingBufferColorSpace

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebGL2RenderingContext/unpackColorSpace