与图像相反,当我们想要围绕其中心旋转多边形(在本例中为矩形)时,我们必须使用如下变换
T = translate(center).rotate(r).translate(-center)
(记住转换是从右到左应用的)。缩放暂时被丢弃。对于图像,这种初始翻译是隐含的。
这种情况下的问题是图像在旋转后改变了它的尺寸:新图像的大小是包含旋转像素的边界矩形,因此最后一个平移对您的情况不再有效(the translate(center)
)。
相反,您需要类似的东西:
T = translate(new_rect.size() / 2).rotate(r).translate(-original_center)
为了实现这一点,您必须将转换分成两部分(缩放也带回来):
T1 = rotate(r).scale(s, s).translate(-center)
T2 = translate(new_rect.size() / 2)
因为新的矩形大小只能在应用第一次转换后计算。
另外,请注意,T2
我不是在谈论中心,而是在谈论half size,因为新中心对图像的含义与对多边形的含义不同(例如,图像没有负像素坐标)
使用 Qt API 表示:
// Image transformation
auto transform = QTransform().rotateRadians(r).scale(s, s);
auto image = m_image.transformed(transform, Qt::SmoothTransformation);
// Assuming something like: QPainter painter(this);
painter.drawImage(0, 0, image);
// Rect to polygon
const auto rect = m_image.rect();
QPolygonF pol;
pol << rect.topLeft();
pol << rect.topRight();
pol << rect.bottomRight();
pol << rect.bottomLeft();
// First transformation
const auto center = rect.center();
transform = transform.translate(-center.x(), -center.y());
const auto pol2 = transform.map(pol);
// Second transformation
const auto rect2 = pol2.boundingRect();
painter.drawPolygon(QTransform().translate(rect2.width() / 2, rect2.height() / 2).map(pol2));
GitHub中提供了完整代码。