如何在OpenCV中加载16位灰度png。js？

Question

我想在Javascript中加载一个16位灰度PNG（其中每个像素代表一个数字/深度值。TUM使用这种文件格式来存储深度信息）

然而，opencv读取的图像。js是RGBA 8位（mat.type（）==24==cv。CV_8UC4——我想得到CV。CV_16UC1），这似乎是因为图像是由浏览器本身解码的，因为画布只支持连续存储的8位RGBA图像，CV。垫子类型为cv。CV_8UC4如文件所示。因此，我们得到的不是一个像素，而是一个介于0和65535（2^8-1）之间的值，而是一个介于0和255（2^8-1）之间的数字，R=G=B，a=255

[编辑]要重新格式化，请将我的16位灰度转换为8位RGBA。画布处理2^24种颜色，但在转换过程中，R=G=B，每个通道为2^8，因此它只处理2^8个灰度，而不是2^16个灰度。

没有做任何特别的事情：https://jsfiddle.net/remmel/rmntq4yb/74/

提取：

var img = await loadImage("https://raw.githubusercontent.com/remmel/rgbd-dataset/main/rgbd_dataset_freiburg1_desk/depth/1305031468.188327.png");
var canvasOriginal = document.getElementById('canvas0')
var ctxOriginal = canvasOriginal.getContext('2d')
canvasOriginal.width = img.width
canvasOriginal.height = img.height
ctxOriginal.drawImage(img, 0, 0)
var mat = cv.imread('canvas0')
console.log(mat.channels(), mat.type() === cv.CV_8UC4) //4, true

图像魔术：

$ identify 1305031468.188327.png
1305031468.188327.png PNG 640x480 640x480+0+0 16-bit Grayscale Gray 131604B 0.000u 0:00.000

我尝试使用jimp浏览器解码图像，但仍然得到RGBA图像。调试它，我看到它以16bit读取正确的灰度值，但在将其转换为8bit后，R=G=B=灰色8bit和A=255。一种解决方案可能是自定义（修复？）那个库

我还尝试用OpenCV直接加载图像。js，但仍然是相同的4通道图像：

  var depthMat2 = cv.imread('dpng')
  console.log(depthMat2.channels(), depthMat2.type() === cv.CV_8UC4) //4 true




Answer 1

我想你只想做比率数学：

js lang-js prettyprint-override">function rgbAlter(rgb){
  return 65535/255*rgb;
}
for(let i=0,l=256; i<l; i++){
  console.log(rgbAlter(i));
}

Answer 2

我用fast pnglib来读取我的16位灰度png：https://www.npmjs.com/package/fast-png

import { decode } from 'fast-png'
...
var arrayBuffer = await((await fetch(urlDepth)).arrayBuffer())
var depthData = (await decode(arrayBuffer)).data