QML中的RotationAnimation旋转动画

RotationAnimation是用来控制某个元素的旋转。

现有一个需求，要求将一个矩形绕着自己的中心旋转九十度。

代码如下：

import QtQuick 2.3
import QtQuick.Window 2.2

Window {
    visible: true
    width: 500
    height: 500

    Rectangle{
        id:colorChange
        color: "red"
        width: 200
        height: 200
        radius: 30
        anchors.centerIn: parent
        //transformOrigin: Item.right//此属性用于指定在旋转的时候是以哪一点进行旋转
    }
    RotationAnimation{
        id:rotationAnimation
    target: colorChange
    to:90
    direction: RotationAnimation.Clockwise
    duration: 3000
    }
    MouseArea{
        anchors.fill: parent
        onClicked:rotationAnimation.start()

    }
}

效果图：