QML旋转图像

缩放和旋转变换以一个名为transformOrigin的点作为参考,在您的情况下,它是图像旋转的点,因此您可能正在建立图像的中心,如果更改位置,旋转将不同。

在您的情况下,任何尺寸的一般解决方案是:

transform: Rotation{
    id: rotateImagePhoto
    angle: 90
    origin.x: imagePhoto.width/2
    origin.y: imagePhoto.height/2
}

或更好地使用 rotation 。

Image {
    id: imagePhoto
    anchors.fill: parent
    width: parent.width
    height: parent.height
    transformOrigin: Item.Center
    rotation: 90
}

该点是一个固定点,也就是说它在旋转之前将保持不变,例如,让我们在左上角建立该点并旋转30度:

transform: Rotation{
    id: rotateImagePhoto
    angle: 30
    origin.x: 0
    origin.y: 0
}

请注意 topLeft 点未移动,是旋转的中心。

总之,在旋转的情况下,原点是旋转的中心。