c++ - 使用 QPainter 绘制边缘渐变的直线和曲线

Question

QPainter 非常容易使用，绘制一条线只需执行以下操作:

QPainter painter(&image);
QPen pen;
pen.setWidth(5);
pen.setColor("black");
painter.setPen(pen);
painter.drawLine(QPointF(0,0), QPointF(200,250));

现在效果很好，但我想创建一支“特殊”笔，可以生成具有“平滑”边缘的线条。例如，假设我要绘制的线的厚度为 10 像素，那么我希望线的中间(我所说的中间是指厚度而不是长度)完全不透明，并且线的边缘应该变成半透明。我相信这可以通过以下方式获得，例如将下图作为我的观点，然后“拖动”并绘制线条，这样我就会获得我想要的效果。我知道 Qt 为您提供了 QBrush 和渐变，但我不知道如何做到这一点。

Answer 1

虽然Qt肯定有many drawing functions ，没有任何可以让您使用像素图画笔沿着您描述的路径进行绘制。

我可以想到两种方法来实现你想要的:

1. 使用标准非模糊画笔多次绘制路径，并使用不同的画笔宽度和透明颜色。通过足够的迭代，这将近似您正在寻找的“模糊线”。

2. 沿着路径重复绘制像素图。这通常是 Photoshop 或 gimp 等绘图软件的做法，因为它允许参数具有一定的灵 active ，例如不同的画笔像素图和方向等。

我将尝试在这里提供第二种方法的示例代码(由于我目前远离我的开发计算机，所以暂时未测试):

void drawPathWithPixmapBrush(QPainter painter, QPainterPath path, QPixmap pixmapBrush, qreal spacing=1.0) {
    qreal length = path.length();
    qreal pos = 0.0;
    // Adjust the spacing to be relative to brush size
    spacing=(spacing * pixmapBrush.width() );
    while (pos < length) {
        qreal percent = path.percentAtLength(pos);
painter.drawPixmap(path.pointAtPercent(percent), pixmapBrush);
pos += spacing;
    }
}

如您所见，这段代码将沿着给定的 QPainterPath 迭代移动，并为每个步骤绘制 QPixmap刷到给定QPainter ，结果可以被视为使用像素图画笔沿路径绘制的一条连续线。

QPainterPath 支持 QPainter 执行的所有绘图操作，例如多边形、样条线、直线、拱形等，因此它将在很大程度上替代现有的 QPainter 绘图调用(请参阅 the full list of drawing operations )。

以下是使用QPainterPath构造简单直线段的示例代码:

QPainterPath path
QPointF lastPosition(10, 10);
QPointF currentPosition(100, 100);
path.moveTo(lastPosition);
path.lineTo(currentPosition);

可能的改进包括计算间距，使其恰好在线的末端结束，而且也许更正确地计算所需的绘制次数将最好地给出线的印象。