title: Image rounded corners in QML
body: <p>To my surprise, the <code>Image</code> component has no <code>radius</code> property. I tried emulating the rounded corners by putting the image in a rounded <code>Rectangle</code>, but it does not clip the corners.</p>
  
  <pre><code>Rectangle {
      anchors.right: rectContentBg.left
      anchors.top: rectContentBg.top
      anchors.margins: 8
  
      radius: 8
  
      width: 64
      height: 64
  
      Image {
          id: imgAuthor
  
          opacity: 1
          smooth: false
  
          anchors.fill: parent
  
          source: "qrc:/res/sample_avatar.jpg"
      }
  }
  </code></pre>
  
  <p>How can I create an image with rounded corners properly?</p>