QML如何像MacOSX Dock的背景架图像一样旋转图像

Question

MacOS Dock（以及许多此类克隆）的背景图像是3D视角中的“架子”。

那就是你拿了一个普通的矩形并让它在3d空间中“倒退”。

例如：http://www.loneblacksheep.pro/image/Download/Dock.gif

是否可以使用QML图像旋转来完成此操作？

提前致谢。

Answer 1

查看QML Rotation项目。

您可以将旋转原点设置为Rectangle下边框中心，然后在x轴上旋转。

---

编辑：

Rectangle {
  id: myDock
  width: 500
  height: 50
  color: "red"

  transform: Rotation {

    // Transform origin is the middle point of the lower border
    origin {
      x: myDock.width / 2
      y: myDock.height
    }

    axis {x: 1; y: 0; z: 0}
    angle: 45
  }

}