【Qt】2D绘图之复合模式

00. 目录

文章目录

00. 目录
01. 概述
02. 开发环境
03. 程序示例
04. 附录

01. 概述

QPainter提供了复合模式（Composition Modes）来定义如何完成数字图像的复合，即如何将源图像的像素和目标图像的像素进行合并。QPainter提供的常用复合模式及其效果如下图所示。其中普通的类型是SoiirceOver(通常被称为alpha混合），就是正在绘制的源像素混合在已经绘制的目标像素上，源像素的alpha分量定义了它的透明度，这样源图像就会以透明效果在目标图像上进行显示。当设置了复合模式，它就会应用到所有的绘图操作中，例如画笔、画刷、渐变和pixmap/image绘制等。

enum QPainter::CompositionMode：

02. 开发环境

Windows系统：Windows10

Qt版本：Qt5.15或者Qt6

03. 程序示例

程序示例


void Widget::paintEvent(QPaintEvent *)
{QPainter painter;QImage image(400, 300, QImage::Format_ARGB32_Premultiplied);// 绘制中心的正方形painter.begin(&image);painter.setBrush(Qt::green);painter.drawRect(100, 50, 200, 200);painter.setBrush(QColor(0, 0, 255, 150));painter.drawRect(50, 0, 100, 100);painter.setCompositionMode(QPainter::CompositionMode_SourceIn);painter.drawRect(250, 0, 100, 100);painter.setCompositionMode(QPainter::CompositionMode_DestinationOver);painter.drawRect(50, 200, 100, 100);painter.setCompositionMode(QPainter::CompositionMode_Xor);painter.drawRect(250, 200, 100, 100);painter.end();painter.begin(this);painter.drawImage(0, 0, image);}

运行结果

这里先在Qlmage上绘制了一个矩形，然后又在这个矩形的4个角分别绘制了4个小矩形，每个小矩形都使用了不同的复合模式，并且使用了半透明的颜色进行填充。第一个小矩形没有明确指定复合模式，它默认使用的是SourceOver模式。

04. 附录

源码下载：【Qt】2D绘图之复合模式.rar

【Qt】2D绘图之复合模式相关推荐

Qt 2D绘图(5)：绘制图像基础
Qt 2D绘图(5):绘制图像基础本文为原创文章,转载请注明出处,或注明转载自"黄邦勇帅(原名:黄勇) 本文出自本人原创著作<Qt5.10 GUI完全参考手册>网盘地址: ht ...
Qt 2D绘图之二：抗锯齿渲染和坐标系统
一.抗锯齿渲染 1.1 逻辑绘图图形基元的大小(宽度和高度)始终与其数学模型相对应,下图示意了忽略其渲染时使用的画笔的宽度的样子. 1.2 物理绘图(默认情况) 在默认的情况下,绘制会产生锯齿,并且 ...
Qt 2D绘图功能简单总结
文章目录 Qt 2D绘图功能简单总结 Qt 2D绘图功能简单总结 Qt 的绘图功能非常强大,它可以绘制一切想要的图形,从最简单的一条直线到其他任何复杂的图形,还可以用来绘制文本和图片. Qt的绘图系统 ...
Qt中国象棋一—— Qt 2D 绘图入门
最近想用Qt写一个中国象棋的项目,在网上找了几个例子后,发现关于绘图部分基础为0 ,于是根据项目需要学习一下.查了一些网上的资料,在此总结一下:我比较喜欢的方式是用到什么学什么,或者自己想做一个东西, ...
QT 2d绘图优化(一)
最近在用QT做一款白板软件,在开发过程中,发现了有如下几个问题 void drawLine(QPointF endpt) {path.quadTo(path.currentPosition(),(pa ...
使用Qt进行2D绘图
文章目录基本绘制和填充基本图形的绘制和填充 1. 绘制图形 2. 使用画笔 3. 使用画刷渐变填充 1. 线性渐变 2. 径向渐变 3. 锥形渐变坐标系统抗锯齿渲染 1. 逻辑表示 2. 抗 ...
Qt学习笔记之2D绘图
一.概要 Qt中提供了强大的2D绘图系统,可以使用相同的API在屏幕和绘图设备上进行绘制,它主要基于QPainter.QPaintDevice和QPaintEngine这三个类.其中QPainter用 ...
【Qt】2D绘图之绘制简单的图形
00. 目录文章目录 00. 目录 01. 概述 02. 开发环境 03. 绘制图形 04. 画笔和画刷 05. 绘制弧线 06. 附录 01. 概述 Qt中提供了强大的2D绘图系统,可以使用同一A ...
[Qt教程] 第20篇 2D绘图（十）图形视图框架（下）
[Qt教程] 第20篇 2D绘图(十)图形视图框架(下) 楼主发表于 2013-5-4 15:43:02 | 查看: 861| 回复: 0 图形视图框架(下) 版权声明该文章原创于Qter开源社 ...