Qt绘制文字轮廓

douzhq

已于 2023-02-07 10:43:10 修改

阅读量4.5k

点赞数 3

分类专栏： qt 文章标签： Qt QPainter 绘制文字轮廓 QPainterPath Qt轮廓线绘制

于 2020-02-15 22:07:32 首次发布

本文链接：https://blog.youkuaiyun.com/douzhq/article/details/104335491

版权

qt 专栏收录该内容

48 篇文章

订阅专栏

首先看一下使用Qt绘制文字轮廓效果：

这里使用 QPainter 中的 strokePath 函数实现文字轮廓的绘制。

void QPainter::strokePath(const QPainterPath &path, const QPen &pen)
函数 strokePath 表示使用pen绘制一个路径的轮廓。
Draws the outline (strokes) the path path with the pen specified by pen

因此它不仅仅可以绘制文字的轮廓，也可以绘制其他图形元素的轮廓。
上图中的矩形框也同样添加了轮廓线。

绘制部分完整代码如下：

// 设置抗锯齿
painter->setRenderHint(QPainter::Antialiasing);

// 设置字体
QFont font = painter->font();
font.setPixelSize(30);
painter->setFont(font);

// 确定位置
QFontMetrics metrics = painter->fontMetrics();
int width = metrics.width(m_sText);
int height = metrics.height();
int xPt = (this->rect().width() - width) / 2;
int yPt = (this->rect().height() - height) / 2 + height;

// 设置绘制路径
QPainterPath path;
path.addText(xPt, yPt, font, m_sText);
path.addRect(QRect(xPt, yPt - height, width, height).adjusted(-10, -10, 10, 10));

// 添加轮廓
QPen pen;
pen.setWidth(4);
pen.setColor(QColor(255, 0, 0));
painter->strokePath(path, pen);

// 绘制
pen.setWidth(2);
pen.setColor(QColor(120, 120, 120));
painter->setPen(pen);
painter->drawPath(path);