GitHub源码仓库：Qt学习例程

1. QPainter绘图抗锯齿

/// 抗锯齿测试 ///
painter.drawEllipse(QPoint(100,50), 50, 50);// 设置 抗锯齿能力，抗锯齿会让绘图效率较低
painter.setRenderHint(QPainter::Antialiasing);
painter.drawEllipse(QPoint(200,50), 50, 50);// 设置 抗锯齿能力，抗锯齿会让绘图效率较低
painter.setRenderHint(QPainter::HighQualityAntialiasing);
painter.drawEllipse(QPoint(300,50), 50, 50);

其他的抗锯齿参数还有：

2. 相对坐标、平移坐标系

/// 平移坐标系测试 ///
painter.drawRect(QRect(20,120, 50, 50));// 用给定的偏移量平移坐标系
painter.translate(100, 0);
// 保存painter状态
painter.save();painter.drawRect(QRect(20,120, 50, 50));// 还原坐标状态
painter.restore();
painter.drawRect(QRect(20,150, 50, 50));

3. QPainter画图片

新建资源编辑器，添加图片资源。并且记住想要绘制的图片路径。

绘图事件函数中，添加代码：

/// QPainter画图片 ///
painter.drawPixmap(20,200, QPixmap(":/pic/123.png"));

4. 手动调用QPainter绘图事件

以上的绘图只能在调用一次绘图，如果想要在程序运行的过程中绘图，需要手动调用QPainter绘图事件。

Qt中的update(); 相当于先清空屏幕，再重新执行一次绘图事件。

示例：我们创建一个按键，点击按键会让图片向右平移。

connect(ui->btnMove, &QPushButton::clicked, [=](){posX+=100;// 重新绘图，手动调用QPainter绘图事件，将整个窗口重新绘制update();
});

// 如果图片左侧超出屏幕，从0开始重新移动
if(posX > this->width())
{posX = 0;
}
/// QPainter画图片 ///
painter.drawPixmap(posX,200, QPixmap(":/pic/123.png"));

GitHub源码仓库：Qt学习例程

【Qt教程】3.5 - Qt5 QPainter绘图抗锯齿、相对坐标/平移坐标系、QPainter画图片、手动调用QPainter绘图事件相关推荐

QT教程2：QT5的体系构架
一.列出QT5体系内容 QT5的模块有• QtCore • QtGui • QtWidgets • QtMultimedia • QtBluetooth • QtNetwork • QtPositio ...
QPainter QPixmap 抗锯齿
在paintEvent(QPaintEvent *)实现函数里绘制图片出现边缘锯齿解决办法: pixmap.loadFromData(sealImage,sealImageLen); pixmap ...
php画图抗锯齿,GD绘图抗锯齿方案[PHP]
最近在使用PHP gblib生成分享图片的过程中,使用了imagefilledellipse 画圆环用来显示进度,发现锯齿特别严重; 遂google,发现了pChart2这个开源图表库,其demo效果 ...
【Qt】2D绘图之抗锯齿渲染
00. 目录文章目录 00. 目录 01. 概述 02. 开发环境 03. 逻辑绘图 04. 物理绘图 05. 抗锯齿绘图 06. 附录 01. 概述本部分的内容可以在帮助文档中通过Coordin ...
Qt 2D绘图之二：抗锯齿渲染和坐标系统
一.抗锯齿渲染 1.1 逻辑绘图图形基元的大小(宽度和高度)始终与其数学模型相对应,下图示意了忽略其渲染时使用的画笔的宽度的样子. 1.2 物理绘图(默认情况) 在默认的情况下,绘制会产生锯齿,并且 ...
QT QPainter::antialiasing QPainter::textAntialiasing 反走样、抗锯齿探究
QT中使用QPainter 进行自行绘图的时候,为了防止"锯齿"的出现,我们会经常使用抗锯齿属性,也叫反走样, 既: QPainter::Antialiasing //绘图抗锯齿 ...
【QT开发笔记-基础篇】| 第五章绘图QPainter | 5.13 抗锯齿
本节对应的视频讲解:B_站_视_频 https://www.bilibili.com/video/BV1YP4y1B7Ex 本节讲解抗锯齿效果前面实现的效果中,仔细观看能看到明显的锯齿的效果,如下: ...
[Qt教程] 第13篇 2D绘图（三）绘制文字
[Qt教程] 第13篇 2D绘图(三)绘制文字楼主发表于 2013-4-25 23:04:46 | 查看: 720| 回复: 0 绘制文字版权声明该文章原创于Qter开源社区,作者yafei ...
[Qt教程] 第20篇 2D绘图（十）图形视图框架（下）
[Qt教程] 第20篇 2D绘图(十)图形视图框架(下) 楼主发表于 2013-5-4 15:43:02 | 查看: 861| 回复: 0 图形视图框架(下) 版权声明该文章原创于Qter开源社 ...

【Qt教程】3.5 - Qt5 QPainter绘图抗锯齿、相对坐标/平移坐标系、QPainter画图片、手动调用QPainter绘图事件

1. QPainter绘图抗锯齿

2. 相对坐标、平移坐标系

3. QPainter画图片

4. 手动调用QPainter绘图事件

【Qt教程】3.5 - Qt5 QPainter绘图抗锯齿、相对坐标/平移坐标系、QPainter画图片、手动调用QPainter绘图事件相关推荐

最新文章

热门文章