ImageData: pixelFormat 属性

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

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

只读的 ImageData.pixelFormat 属性是一个字符串,指示图像数据的像素格式。

像素格式可以在使用 ImageData() 构造函数或 createImageData() 方法进行 ImageData 初始化时设置。

此属性可以具有以下值

  • "rgba-unorm8" 表示使用 Uint8ClampedArray 的 8 位每组件无符号归一化格式的 RGBA。
  • "rgba-float16" 表示使用 Float16Array 的 16 位每组件 RGBA。浮点像素值允许表示任意宽色域和高动态范围 (HDR) 的颜色。

示例

宽色域和高动态范围 (HDR) 的浮点像素数据

浮点像素值允许表示任意宽色域和高动态范围 (HDR) 的颜色。您可以将 pixelFormat 设置为 "rgba-float16" 来使用每组件 16 位的 RGBA 值。这需要 dataArray 是一个 Float16Array

js
let floatArray = new Float16Array(4 * 200 * 200);
let imageData = new ImageData(floatArray, 200, 200, {
  pixelFormat: "rgba-float16",
});
console.log(imageData.pixelFormat); // "rgba-float16"

规范

规范
HTML
# dom-imagedata-pixelformat

浏览器兼容性

另见