title: OpacityMask on Android
body: <p>I have problems with <code>OpacityMask</code> on Android. If another <code>Image</code> is set behind <code>OpacityMask</code>, you will see black rectangle. Here is a minimum example: </p>
  
  <pre><code>import QtQuick 2.5
  import QtQuick.Controls 1.2
  import QtGraphicalEffects 1.0
  
  Item {
      Image {
          anchors.fill: parent
          source: "qrc:/images/background.png"
      }
  
      Image {
          id: avatarImage
          source: "qrc:/images/avatar_test.png"
          visible: false
          // width: 128
          // height: 128
      }
  
      Image {
          id: avatarImageMask
          source: "qrc:/images/avatar_mask.png"
          visible: false
          // width: 128
          // height: 128
      }
  
      OpacityMask {
          source: avatarImage
          maskSource: avatarImageMask
          anchors.fill: avatarImage
      }
  }
  </code></pre>
  
  <p>All the <code>*.png</code> files has 128x128 in resolution. </p>
  
  <p>Is there a solution to this problem or am I doing something wrong?</p>