qt - 如何在 QPainter 中使用遮罩？

Question

我有一个从具有透明度的 PNG 加载的形状（蓝色）：

然后我在这个形状（红色）的顶部画了几个圆圈QPainter::drawEllipse。

结果有点类似于第三张图片，红色的形状完全覆盖了蓝色的形状：

但是，我想要蓝色形状充当红色形状的遮罩，结果如下：

QPainter 可以做到这一点吗？

Answer 1

这是可能的。假设您将 PNG 加载到 QImage 中，您可以执行以下操作从图像创建蒙版：

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

请参阅create*MaskQImage 中的其他功能以获取替代方案。

那么设置画家的剪辑区域就很简单了：

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);
        }
};

这会产生这样的东西：