设置16位灰度QImage的像素值

jfr*_*ns1 2 c++ qt qimage qt5

我有一个宽度(“imagewidth”)和高度(“imageheight”)的 16 位图像。数据当前存储在长度为(“imagewidth”*“imageheight”)的无符号短整型数组中

我想从我的数据集(称为“数据”)创建一个 16 位灰度 QImage(使用 Qt 5.14)。

这是我正在使用的代码:

QImage image = Qimage(imagewidth,imageheight,QImage::Format_Grayscale16);

for(int i=0;i<imagewidth;i++)
{
   for(int j=0;j<imageheight;j++)
   {

    uint pixelval = data[i+j*imagewidth];
    QRgb color = qRgb(pixelval, pixelval, pixelval);
    image.setPixel(i,j, color);

   }
}
Run Code Online (Sandbox Code Playgroud)

代码正在运行,我正在获取图像,但我只获取以 255 为增量的值...所以 0, 255, ...

如何将每个像素的实际像素值设置为 0 到 65535 ?

Sch*_*eff 5

QRgba64是 16 位(每个组件)颜色的正确选择。

另一种选择是使用 检索颜色QImage::pixelColor()(并使用 进行设置QImage::setPixelColor()),这应该或多或少与深度无关。

函数qRgb()是一个糟糕的选择,因为它有意处理 8 位(每个组件)颜色。

来自 Qt 文档:

QRgb QColor::qRgb(int r, int g, int b)

返回 ARGB 四元组 (255, r, g, b)。

alpha 值 255 给出了第一个提示,但检查结果类型QRgb会让这一点变得显而易见:

typedef QColor::QRgb

格式为 #AARRGGBB 的 ARGB 四元组,相当于无符号整数。

查看woboq.org 上的源代码可以支持这一点:

inline Q_DECL_CONSTEXPR QRgb qRgb(int r, int g, int b)// set RGB value
{ return (0xffu << 24) | ((r & 0xffu) << 16) | ((g & 0xffu) << 8) | (b & 0xffu); }
Run Code Online (Sandbox Code Playgroud)

一个小样本来说明这一点:

#include <QtWidgets>

int main(int argc, char **argv)
{
  qDebug() << "Qt Version:" << QT_VERSION_STR;
  qDebug() << "qRgb(1 << 12, 1 << 12, 1 << 12):"
    << hex << qRgb(1 << 12, 1 << 12, 1 << 12);
  qDebug() << "QColor(qRgb(1 << 12, 1 << 12, 1 << 12)):"
    << QColor(qRgb(1 << 12, 1 << 12, 1 << 12));
  qDebug() << "QColor().fromRgba64(1 << 12, 1 << 12, 1 << 12):"
    << QColor().fromRgba64(1 << 12, 1 << 12, 1 << 12);
  // done
  return 0;
}
Run Code Online (Sandbox Code Playgroud)

输出:

inline Q_DECL_CONSTEXPR QRgb qRgb(int r, int g, int b)// set RGB value
{ return (0xffu << 24) | ((r & 0xffu) << 16) | ((g & 0xffu) << 8) | (b & 0xffu); }
Run Code Online (Sandbox Code Playgroud)

使用QColorand 同伴的另一种方法是将data值直接写入图像:

QImage image = Qimage(imagewidth, imageheight, QImage::Format_Grayscale16);
for (int j = 0; j < imageheight; ++j) {
  quint16 *dst = (quint16*)(image.bits() + j * image.bytesPerLine());
  for (int i = 0; i < imagewidth; ++i) {
    dst[i] = data[i + j * imagewidth];
  }
}
Run Code Online (Sandbox Code Playgroud)

data这肯定比将值转换为颜色再转换为灰度级更快、更准确。

请注意,我交换了行和列的循环。data处理源 ( ) 和目标 ( )中的连续字节dst将提高缓存局部性并提高速度。


在撰写本文时,16 位深度的图像在 Qt 中还是相当新的。

Qt 5.12 中添加了每个组件 16 位深度的新颜色格式:

  • QImage::Format_RGBX64 = 25
    图像使用 64 位半字顺序 RGB(x) 格式 (16-16-16-16) 存储。这与 Format_RGBX64 相同,只是 alpha 必须始终为 65535。(在 Qt 5.12 中添加)
  • QImage::Format_RGBA64 = 26
    图像使用 64 位半字顺序 RGBA 格式 (16-16-16-16) 存储。(Qt 5.12 中添加)
  • QImage::Format_RGBA64_Premultiplied = 27
    图像使用预乘 64 位半字顺序 RGBA 格式 (16-16-16-16) 存储。(Qt 5.12 中添加)

Qt 5.13中添加了16位深度的灰度:

  • QImage::Format_Grayscale16 = 28
    图像使用 16 位灰度格式存储。(Qt 5.13 中添加)

(文档复制自enum QImage::Format

为了解决这个问题,我制作了一个示例应用程序,用于将每个组件 16 位 RGB 图像转换为 16 位灰度图像。

testQImageGray16.cc:

#include <QtWidgets>

QImage imageToGray16(const QImage &qImg)
{
  QImage qImgGray(qImg.width(), qImg.height(), QImage::Format_Grayscale16);
  for (int y = 0; y < qImg.height(); ++y) {
    for (int x = 0; x < qImg.width(); ++x) {
      qImgGray.setPixelColor(x, y, qImg.pixelColor(x, y));
    }
  }
  return qImgGray;
}

class Canvas: public QWidget {
  private:
    QImage _qImg;
  public:
    std::function<void(QPoint)> sigMouseMove;

  public:
    Canvas(QWidget *pQParent = nullptr):
      QWidget(pQParent)
    {
      setMouseTracking(true);
    }
    Canvas(const QImage &qImg, QWidget *pQParent = nullptr):
      QWidget(pQParent), _qImg(qImg)
    {
      setMouseTracking(true);
    }
    virtual ~Canvas() = default;
    Canvas(const Canvas&) = delete;
    Canvas& operator=(const Canvas&) = delete;

  public:
    virtual QSize sizeHint() const { return _qImg.size(); }
    const QImage& image() const { return _qImg; }
    void setImage(const QImage &qImg) { _qImg = qImg; update(); }
  protected:
    virtual void paintEvent(QPaintEvent *pQEvent) override;
    virtual void mouseMoveEvent(QMouseEvent *pQEvent) override;
};

void Canvas::paintEvent(QPaintEvent *pQEvent)
{
  QWidget::paintEvent(pQEvent);
  QPainter qPainter(this);
  qPainter.drawImage(0, 0, _qImg);
}

void Canvas::mouseMoveEvent(QMouseEvent *pQEvent)
{
  if (sigMouseMove) sigMouseMove(pQEvent->pos());
}

QString getInfo(const QImage &qImg)
{
  QString qStr;
  QDebug(&qStr) << "Image Info:\n" << qImg;
  for (int i = 0, len = qStr.length(); i < qStr.length(); ++i) {
    if (qStr[i] == ',' && i + 1 < len && qStr[i + 1] != ' ') qStr[i] = '\n';
  }
  return qStr;
}

QString getPixelInfo(const QImage &qImg, QPoint pos)
{
  if (!QRect(QPoint(0, 0), qImg.size()).contains(pos)) return QString();
  const int bytes = (qImg.depth() + 7) / 8; assert(bytes > 0);
  const QByteArray data(
    (const char*)(qImg.bits()
      + pos.y() * qImg.bytesPerLine()
      + (pos.x() * qImg.depth() + 7) / 8),
    bytes);
  QString qStr;
  QDebug(&qStr) << pos << ":" << qImg.pixelColor(pos)
    << "raw:" << QString("#") + data.toHex();
  return qStr;
}

int main(int argc, char **argv)
{
  qDebug() << "Qt Version:" << QT_VERSION_STR;
  QApplication app(argc, argv);
  // load sample data
  const QImage qImgRGB16("pnggrad16rgb.png"/*, QImage::Format_RGBX64*/);
  // setup GUI
  QWidget winMain;
  QGridLayout qGrid;
  int col = 0, row = 0;
  QLabel qLblRGBInfo(getInfo(qImgRGB16));
  qGrid.addWidget(&qLblRGBInfo, row++, col);
  Canvas qCanvasRGB(qImgRGB16);
  qGrid.addWidget(&qCanvasRGB, row++, col);
  QLabel qLblRGB;
  qGrid.addWidget(&qLblRGB, row++, col);
  row = 0; ++col;
  Canvas qCanvasGray(qImgRGB16.convertToFormat(QImage::Format_Grayscale16));
  QLabel qLblGrayInfo;
  qGrid.addWidget(&qLblGrayInfo, row++, col);
  qGrid.addWidget(&qCanvasGray, row++, col);
  QLabel qLblGray;
  qGrid.addWidget(&qLblGray, row++, col);
  QHBoxLayout qHBoxQImageConvert;
  QButtonGroup qBtnGrpQImageConvert;
  QRadioButton qTglQImageConvertBuiltIn("Use QImage::convertToFormat()");
  qBtnGrpQImageConvert.addButton(&qTglQImageConvertBuiltIn);
  qTglQImageConvertBuiltIn.setChecked(true);
  qHBoxQImageConvert.addWidget(&qTglQImageConvertBuiltIn);
  QRadioButton qTglQImageConvertCustom("Use imageToGray16()");
  qBtnGrpQImageConvert.addButton(&qTglQImageConvertCustom);
  qHBoxQImageConvert.addWidget(&qTglQImageConvertCustom);
  qGrid.addLayout(&qHBoxQImageConvert, row++, col);
  winMain.setLayout(&qGrid);
  winMain.show();
  // install signal handlers
  auto updatePixelInfo = [&](QPoint pos)
  {
    qLblRGB.setText (getPixelInfo(qCanvasRGB.image(), pos));
    qLblGray.setText(getPixelInfo(qCanvasGray.image(), pos));
  };
  qCanvasRGB.sigMouseMove = updatePixelInfo;
  qCanvasGray.sigMouseMove = updatePixelInfo;
  auto updateGrayImage = [&](bool customConvert)
  {
    qCanvasGray.setImage(customConvert
      ? qImgRGB16.convertToFormat(QImage::Format_Grayscale16)
      : imageToGray16(qImgRGB16));
    qLblGrayInfo.setText(getInfo(qCanvasGray.image()));
    qLblGray.setText(QString());
  };
  QObject::connect(&qTglQImageConvertBuiltIn, &QRadioButton::toggled,
    [&](bool checked) { if (checked) updateGrayImage(false); });
  QObject::connect(&qTglQImageConvertCustom, &QRadioButton::toggled,
    [&](bool checked) { if (checked) updateGrayImage(true); });
  // runtime loop
  updateGrayImage(false);
  return app.exec();
}
Run Code Online (Sandbox Code Playgroud)

和 CMake 的构建脚本CMakeLists.txt

#include <QtWidgets>

int main(int argc, char **argv)
{
  qDebug() << "Qt Version:" << QT_VERSION_STR;
  qDebug() << "qRgb(1 << 12, 1 << 12, 1 << 12):"
    << hex << qRgb(1 << 12, 1 << 12, 1 << 12);
  qDebug() << "QColor(qRgb(1 << 12, 1 << 12, 1 << 12)):"
    << QColor(qRgb(1 << 12, 1 << 12, 1 << 12));
  qDebug() << "QColor().fromRgba64(1 << 12, 1 << 12, 1 << 12):"
    << QColor().fromRgba64(1 << 12, 1 << 12, 1 << 12);
  // done
  return 0;
}
Run Code Online (Sandbox Code Playgroud)

pnggrad16rgb.png我从www.fnordware.com/superpng/samples.html下载了示例图像。(其他示例图像可以在PNG 的“官方”测试套件中找到。)

在VS2017中构建并运行后,我得到了以下快照:

testQImageGray16 的快照

当鼠标移动到显示的图像上时,底部标签显示图像中的当前位置以及相应的像素和QColor原始十六进制值。

出于好奇,我用两个嵌套循环实现了 OP 的方法(解决了qRgb()问题):

QImage imageToGray16(const QImage &qImg)
{
  QImage qImgGray(qImg.width(), qImg.height(), QImage::Format_Grayscale16);
  for (int y = 0; y < qImg.height(); ++y) {
    for (int x = 0; x < qImg.width(); ++x) {
      qImgGray.setPixelColor(x, y, qImg.pixelColor(x, y));
    }
  }
  return qImgGray;
}
Run Code Online (Sandbox Code Playgroud)

将结果与QImage::convertToFormat()我在 Qt 文档中找到的结果进行比较。

QImage QImage::convertToFormat(QImage::Format 格式,Qt::ImageConversionFlags flags = Qt::AutoColor) const &

QImage QImage::convertToFormat(QImage::Format 格式,Qt::ImageConversionFlags flags = Qt::AutoColor) &&

返回给定格式的图像副本。

指定的图像转换标志控制在转换过程中如何处理图像数据。

那很有意思:

没有明显的差异。不过,考虑到显示器可能会将颜色深度降低到 8 或 10,这可能并不令人意外(此外,人类可能无法区分 2 16 种灰色阴影或 2 16 3 RGB 值。

然而,擦拭图像后,我意识到使用QImage::convertToFormat(),每个像素的第一个和第二个字节始终相同(例如),而使用b2b2自定义转换时情况并非如此。imageToGray16()

我没有深入挖掘,但可能值得进一步研究这些方法中哪种方法实际上更准确。