如何在不切断图像部分的情况下围绕中心旋转 QPixmap

Question

假设我有一个尺寸为 (20 x 100) 的 QPixmap。如何创建此 QPixmap 的副本，该副本已旋转了特定量并具有新尺寸以分配旋转像素图的新尺寸？

我找到了多个关于如何使用 QPainter 和 QTransform 进行旋转的示例，但似乎没有一个提供适当的方式来防止 QPixmap 被切断。

到目前为止我发现的最好的例子是：

// original = Original QPixmap

QSize size = original.size();

QPixmap newPixmap(size);
newPixmap.fill(QColor::fromRgb(0, 0, 0, 0));

QPainter p(&newPixmap);
p.translate(size.height() / 2, size.height() / 2);
p.rotate(35); // Any rotation, for this example 35 degrees
p.translate(size.height() / -2, size.height() / -2);
p.drawPixmap(0, 0, original);
p.end();

这将旋转 QPixmap，并将其放置在相同尺寸的新 QPixmap 上。但是，我不知道如何修改它以使用新维度。

我什至尝试过简单地修改新像素图的初始大小，但这只会导致图像偏离中心（并且由于某种原因仍然被切断？）

任何支持将不胜感激！

Answer 1

一种方法是计算旋转图像的最小边界矩形，并创建一个具有这些尺寸的新像素图，您可以在其上渲染旋转图像，现在保证适合。为此，您可以获取图像矩形的每个角点并围绕中心旋转它们。然后，通过查看每个点并找到最小和最大 x 和 y 值，结果点可用于计算最小边界矩形。

例如，在下面的假设示例中，我们有一个 100x100 的矩形。如果我们使用一个简单的算法将矩形的每个角点围绕中心旋转我们的角度（在本例中为 45 度），我们将得到四个新的角点 (50, -20), (-20, 50), (120 , 120) 和 (50, 120)。从这些点我们可以看出x的最小值是-20，y的最小值是-20，x的最大值是120，y的最大值是120，所以最小边界矩形可以用topLeft来描述：（-20 , -20) 和 bottomRight:(120, 120)。

为了帮助您，这里有一个从另一个 stackoverflow 帖子中获取的函数，用于围绕另一个点旋转一个点：

QPointF getRotatedPoint( QPointF p, QPointF center, qreal angleRads )
{
    qreal x = p.x();
    qreal y = p.y();

    float s = qSin( angleRads );
    float c = qCos( angleRads );

    // translate point back to origin:
    x -= center.x();
    y -= center.y();

    // rotate point
    float xnew = x * c - y * s;
    float ynew = x * s + y * c;

    // translate point back:
    x = xnew + center.x();
    y = ynew + center.y();

    return QPointF( x, y );
}

这是我编写的一个函数，它使用它来计算某个矩形旋转某个角度的最小边界矩形......

QRectF getMinimumBoundingRect( QRect r, qreal angleRads )
{
    QPointF topLeft     = getRotatedPoint( r.topLeft(),     r.center(), angleRads );
    QPointF bottomRight = getRotatedPoint( r.bottomRight(), r.center(), angleRads );
    QPointF topRight    = getRotatedPoint( r.topRight(),    r.center(), angleRads );
    QPointF bottomLeft  = getRotatedPoint( r.bottomLeft(),  r.center(), angleRads );

    // getMin and getMax just return the min / max of their arguments

    qreal minX = getMin( topLeft.x(), bottomRight.x(), topRight.x(), bottomLeft.x() );
    qreal minY = getMin( topLeft.y(), bottomRight.y(), topRight.y(), bottomLeft.y() );

    qreal maxX = getMax( topLeft.x(), bottomRight.x(), topRight.x(), bottomLeft.x() );
    qreal maxY = getMax( topLeft.y(), bottomRight.y(), topRight.y(), bottomLeft.y() );

    return QRectF( QPointF( minX, minY ), QPointF( maxX, maxY ) );
}

所以现在我们有了旋转图像的最小边界矩形，我们可以用它的宽度和高度创建一个新的像素图，并将我们的旋转图像渲染到它的中心。这很棘手，因为所涉及的转换使您对源和目标矩形可能是什么更加困惑。它实际上并不像看起来那么难。您执行平移/旋转以围绕中心旋转绘制设备，然后您可以简单地将源图像渲染到目标图像上，就像将源渲染到目标中心一样。

例如：

QPixmap originalPixmap; // Load this from somewhere
QRectF minimumBoundingRect = getMinimumBoundingRect( originalPixmap.rect(), angleRads);

QPixmap rotatedPixmap( minimumBoundingRect.width(), minimumBoundingRect.height() );
QPainter p( &rotatedPixmap );
p.save();

// Rotate the rotated pixmap paint device around the center...
p.translate( 0.5 * rotatedPixmap.width(), 0.5 * rotatedPixmap.height() );
p.rotate( angleDegrees );
p.translate( -0.5 * rotatedPixmap.width(), -0.5 * rotatedPixmap.height() );

// The render rectangle is simply the originalPixmap rectangle as it would be if placed at the center of the rotatedPixmap rectangle...
QRectF renderRect( 0.5 * rotatedRect.width() - 0.5 * originalPixmap.width(),
                   0.5 * rotatedRect.height() - 0.5 * originalPixmap.height(),
                   originalPixmap.width(),
                   originalPixmap.height() );
p.drawPixmap( renderRect, originalPixmap, originalPixmap.rect() );

p.restore();

瞧，一个很好旋转的图像，没有切掉角落。