如何使用QPainter的面具?

时间:2011-09-24 13:15:25

标签: qt mask qpainter

我有一个从透明的PNG加载的形状(蓝色):

enter image description here

然后我用QPainter::drawEllipse在这个形状(红色)上绘制了几个圆圈。

enter image description here

其结果有点类似于第三张图片,红色形状完全覆盖蓝色图片:

enter image description here

然而,我想要的是蓝色形状作为红色形状的面具,结果如下:

enter image description here

用QPainter可以做到吗?

1 个答案:

答案 0 :(得分:25)

这是可能的。假设您正在将PNG加载到QImage中,您可以执行以下操作以从图像中创建遮罩:

QImage img("your.png");
QPixmap mask = QPixmap::fromImage(img.createAlphaMask());

在QImage中查看另一个create*Mask函数的替代方法。

然后设置画家的剪辑区域很简单:

QPainter p(this);
p.setClipRegion(QRegion(mask));

这是一个愚蠢的演示(不要按原样使用该代码,应该缓存图像加载,掩码和区域创建,它们可能很昂贵):

#include <QtGui>

class W: public QWidget
{
    Q_OBJECT
    public:
        W(): QWidget(0) { }

    protected:
        void paintEvent(QPaintEvent *)
        {
            QPainter p(this);
            QImage img("../back.png");
            QPixmap mask = QPixmap::fromImage(img.createAlphaMask());

            // draw the original image on the right
            p.drawImage(300, 0, img);

            // draw some ellipses in the middle
            p.setBrush(Qt::red);
            for (int i=0; i<100; i+=10)
                p.drawEllipse(i+150, i, 20, 70);

            // and do the same thing, but with the mask active
            p.setClipRegion(QRegion(mask));
            for (int i=0; i<100; i+=10)
                p.drawEllipse(i, i, 20, 70);
        }
};

产生这样的东西: enter image description here