如何在不切断图像部分的情况下围绕中心旋转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，所以最小边界rect可以用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();

瞧，旋转好的图像没有任何角落切断。