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

#include "mainwindow.h"
#include <QMessageBox>
#include <QFileDialog>
#include <QPainter>
#include <QPaintEvent>


MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    QString filename;
    filename=QFileDialog::getOpenFileName(this,
                                              tr("选择图像"),
                                              "",
                                              tr("Images (*.png *.bmp *.jpg *.tif *.GIF )"));
        if(filename.isEmpty())
        {
             return;
        }
        else
        {
            if(! ( m_img.load(filename) ) ) //加载图像
            {
                QMessageBox::information(this,
                                         tr("打开图像失败"),
                                         tr("打开图像失败!"));

                return;
            }
            m_img.load(filename);
        }


    filename=QFileDialog::getOpenFileName(this,
                                          tr("选择mask"),
                                          "",
                                          tr("Images (*.png *.bmp *.jpg *.tif *.GIF )"));
            if(filename.isEmpty())
            {
                 return;
            }
            else
            {
                if(! ( m_mask.load(filename) ) ) //加载图像
                {
                    QMessageBox::information(this,
                                             tr("打开图像失败"),
                                             tr("打开图像失败!"));

                    return;
                }
                m_mask.load(filename);
            }
}

MainWindow::~MainWindow()
{

}

void MainWindow::paintEvent(QPaintEvent *e)
{
    QImage * newImage = new QImage(m_img);

    QImage * mask = new QImage(m_mask);
    QPainter painter;

    painter.begin(mask);

    painter.setCompositionMode(QPainter::CompositionMode_DestinationOver);
    painter.drawImage(0, 0, * newImage);

    painter.end();

    painter.begin(this);
    painter.drawImage(e->rect(), * mask);
    painter.end();

    delete mask;
    delete newImage;
}

注： 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。遮盖不起作用。