我目前正在使用 QPainter 和 QImage 生成“热图”。我的方法包括用黑色到透明的 QRadialGradients 绘制多个圆圈作为 QBrush(参见“强度图”)。然后我将梯度图应用于强度图以获得所需的“热图”效果(参见“梯度图之后”)。
我遇到的问题(在“渐变图之后”图像中更为明显)是圆圈没有正确混合。圆圈重叠的地方似乎部分混合,但在边缘你可以清楚地看到圆圈结束的地方(几乎是外发光)。我想要一个在圆圈之间没有可见边界并且正确混合的效果。
强度图
梯度图后(不同强度图)
代码
// Setup QImage and QPainter
QImage *map = new QImage(500, 500, QImage::Format_ARGB32);
map->fill(QColor(255, 255, 255, 255));
QPainter paint(map);
paint.setRenderHint(QPainter::HighQualityAntialiasing);
// Create Intensity map
std::vector<int> record = disp_data[idx]; // Data
for(int j = 1, c = record.size(); j < c; ++j) {
int dm = 150 + record[j] * 100 / 255; // Vary the diameter
QPen g_pen(QColor(0, 0, 0, 0));
g_pen.setWidth(0);
QRadialGradient grad(sensors[j-1].x, sensors[j-1].y, dm/2); // Create Gradient
grad.setColorAt(0, QColor(0, 0, 0, record[j])); // Black, varying alpha
grad.setColorAt(1, QColor(0, 0, 0, 0)); // Black, completely transparent
QBrush g_brush(grad); // Gradient QBrush
paint.setPen(g_pen);
paint.setBrush(g_brush);
paint.drawEllipse(sensors[j-1].x-dm/2, sensors[j-1].y-dm/2, dm, dm); // Draw circle
}
// Convert to heat map
for(int i = 0; i < 500; ++i) {
for(int j = 0; j < 500; ++j) {
int b = qGray(map->pixel(i, j));
map->setPixel(i, j, grad_map->pixel(b, 0)); //grad_map is a QImage gradient map
}
}
如您所见,圆圈没有 QPen。我一直在尝试各种混合模式,但没有成功。我还将渲染提示更改为 HighQualityAntialiasing。我也尝试过使圆比径向渐变大得多,因此无法将渐变截断或将边框应用于圆的外部。
有任何想法吗?谢谢!