import QtQuick 2.0
import QtGraphicalEffects 1.0

Rectangle{
    id: circle
    width: 100
    height: width
    radius: width/2
    color: "blue"
    Image{
        id: contentImage
        source: "file:///home/ar/source/LenaPi/pics/benjamin.jpeg"
        anchors.centerIn: parent
        width: parent.width-10
        height: width
        fillMode: Image.PreserveAspectCrop
        layer.enabled: true
        layer.effect: OpacityMask{
            maskSource: circle
        }
    }
    MouseArea{
        id: controlObject
        anchors.fill: parent
        onClicked:{
            console.log("circle clicked")
        }
    }
}