title: Set rotation point of Rectangle
body: <p>Is there a way to set rotation point in <code>Rectangle</code> and simply use rotation property without any other additional component? I want to rotate a <code>Rectangle</code> with binding property of <code>rotation: value * 180</code> like this</p>
  
  <pre><code>Rectangle{
      id: body
      rotation: value
      anchors.centerIn: parent.Center
      antialiasing: true
  }
  onValueChanged: body.rotation = value
  </code></pre>
  
  <p>I got only rotation around the left upper corner of parent. Please help me to understand this behavior or suggest me another way to implement rotation on the center.</p>