Qt的四个常见的图像叠加模式

Qt的QPainter::CompositionMode提供了多种图像叠加的模式。常见的有QPainter::CompositionMode_SourceOver, QPainter::CompositionMode_SourceAtop,

QPainter::CompositionMode_DestinationOver和QPainter::CompositionMode_DestinationAtop。现在逐个描述这四种模式的效果。

从http://www.tuicool.com/articles/NF3qIb下载了两幅尺寸相等图片：

现在用第一幅图片做掩盖，与第二幅图片合成

1）QPainter::CompositionMode_DestinationOver

1. #include "mainwindow.h"
2. #include <QMessageBox>
3. #include <QFileDialog>
4. #include <QPainter>
5. #include <QPaintEvent>
6. MainWindow::MainWindow(QWidget *parent)
7. : QMainWindow(parent)
8. {
9. QString filename;
10. filename=QFileDialog::getOpenFileName(this,
11. tr("选择图像"),
12. "",
13. tr("Images (*.png *.bmp *.jpg *.tif *.GIF )"));
14. if(filename.isEmpty())
15. {
16. return;
17. }
18. else
19. {
20. if(! ( m_img.load(filename) ) ) //加载图像
21. {
22. QMessageBox::information(this,
23. tr("打开图像失败"),
24. tr("打开图像失败!"));
25. return;
26. }
27. m_img.load(filename);
28. }
29. filename=QFileDialog::getOpenFileName(this,
30. tr("选择mask"),
31. "",
32. tr("Images (*.png *.bmp *.jpg *.tif *.GIF )"));
33. if(filename.isEmpty())
34. {
35. return;
36. }
37. else
38. {
39. if(! ( m_mask.load(filename) ) ) //加载图像
40. {
41. QMessageBox::information(this,
42. tr("打开图像失败"),
43. tr("打开图像失败!"));
44. return;
45. }
46. m_mask.load(filename);
47. }
48. }
49. MainWindow::~MainWindow()
50. {
51. }
52. void MainWindow::paintEvent(QPaintEvent *e)
53. {
54. QImage * newImage = new QImage(m_img);
55. QImage * mask = new QImage(m_mask);
56. QPainter painter;
57. painter.begin(mask);
58. painter.setCompositionMode(QPainter::CompositionMode_DestinationOver);
59. painter.drawImage(0, 0, * newImage);
60. painter.end();
61. painter.begin(this);
62. painter.drawImage(e->rect(), * mask);
63. painter.end();
64. delete mask;
65. delete newImage;
66. }

注： m_mask和m_img都是QImage类型的变量，也是MainWindow类的成员。一个代表掩盖图，一个代表花瓶图。运行程序时，MainWindow的构造函数会先询问哪一个文件是被遮挡的花瓶图。你选定之后，MainWindow会再次询问哪一个是掩盖图。选定之后，程序自动调用paintEvent，把两个图合成。

效果：

2）CompositionMode_DestinationAtop

将painter.setCompositionMode(QPainter::CompositionMode_DestinationOver)一句改为painter.setCompositionMode(QPainter::CompositionMode_DestinationAtop)即可。

效果和1）相同。

3）CompositionMode_SourceAtop

将painter.setCompositionMode(QPainter::CompositionMode_DestinationOver)一句改为painter.setCompositionMode(QPainter::CompositionMode_SourceAtop)即可。

效果：

4）CompositionMode_SourceOver。遮盖不起作用。