title: Rotating a line without moving it in QML
body: <pre><code>import QtQuick 2.0
  
  Item
  {
      width: 660
      height: 660
  
      Rectangle
      {
          id : dial
          width: 360
          height: 360
  
          color: "gray"
  
          Rectangle
          {
              id: dot
              height: 5
              width: 5
              color: "red"
              x: dial.x + (dial.width/2);
              y: dial.y + (dial.height/2);
          }
  
          Image
          {
              id: line
              source: "/home/.../documents/test/straightLine.jpg"
              height: 50
              width: 50
              anchors.horizontalCenter: parent.horizontalCenter
              anchors.verticalCenter: parent.verticalCenter
              transform: Rotation
              {
                  origin.x: dial.x + (dial.width/2);
                  origin.y: dial.y + (dial.height/2);
                  angle: 40
              }
          }
      }
  }
  </code></pre>
  
  <p>The <code>dot</code> is a representation of the origin point. The line's center point should stay at that origin.</p>
  
  <p>When I apply the <code>angle : 40</code>, the line moves away from its origin.</p>
  
  <p>How to tell it to say at that origin while rotating?</p>