Qt 实现钢笔画线效果示例及详细原理

PENWIDTH是一个宏定义，曲线最大宽度；

根据以上步骤，我们来看一下效果：

为了方便看效果，每条path用了不同的颜色来区分。我们可以很明显的看到，path的宽度是不一样的，并且每条path的连接处的宽度变化非常明显，那么要怎么使其连接处变得平滑呢？

这时候就要用到上一篇介绍的方法进行补点了。这里的补点比上一篇文章中说的稍微麻烦点，需要将中间那根线条的两头都要补充点，其原理是一样的。

看一下示意图：

以上红色圈圈部分，就是补充的点。
从以上图可以看到，path2是倒数第二条path，path3是最后一条path。

需要注意的是，图中补充的两个地方，并不是同一时间补充的，当有新的path到来，只需要判断最新的path和上一个path的宽度，从而决定是补充到上一个path还是当前最新的path上。

这段话有点拗口，拆解一下：

假如这里path2是最后的一条path，而path1是倒数第二条，判断出来path2宽度笔path1小，那么就在path2的路径上补充点；

再看一种情况：

同样，这里path2是最后的一条path，而path1是倒数第二条，判断出来path2宽度笔path1大，那么就在path1的路径上补充点；

这样描述就很容易理解了。

OK，我们看一下补充点的代码：

void WbCanvasItem::drawPatchPoint2(QPainter *painter, QPainterPath lastPath,
                  QPainterPath curPath,
                  qreal lastWidth, qreal curWidth)
{
  qreal tPatchLength = 100.;
  if(lastWidth < curWidth){
    tPatchLength = calPatchLength(curPath.length());

    qreal temp = (curWidth-lastWidth)/tPatchLength;
    int k = 0;

    for (qreal i = 1;i > (100-tPatchLength)/100.; i-=0.01) {
      k++;
      painter->setPen(QPen(Qt::black,curWidth-temp*k, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
      painter->drawPoint(lastPath.pointAtPercent(i));
    }
  }
  else if(lastWidth > curWidth){

    tPatchLength = calPatchLength(curPath.length());

    qreal temp = (lastWidth-curWidth)/tPatchLength;
    int k = 0;

    for (qreal i = 0;i < tPatchLength/100.; i+=0.01) {
      k++;
      painter->setPen(QPen(Qt::black,lastWidth-temp*k, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
      painter->drawPoint(curPath.pointAtPercent(i));
    }
  }
}

看一下补充点后的效果：