QML圆形图像的制作与图像置灰效果

在用QML开发界面时，往往我们想将一个方形的图片显示成圆形，类似于早期QQ的圆形图像，许多人想到用radius属性与clip属性进行尝试，但是，始终是没有成功，看来Qt还是没有强大到一定程度啊，哈哈哈。接下来我就简单码上几句实现圆形图像的方法，以及将彩色图像置灰（放QQ离线）的一下方法：
一、将方形图片圆形显示
代码如下：

Rectangle {
        id: img
        width: 100
        height: 100
        radius: width/2
        color: "black"


        Image {
            id: _image
            smooth: true
            visible: false
            anchors.fill: parent
            source: "./testPic.jpg"
            sourceSize: Qt.size(parent.size, parent.size)
            antialiasing: true
        }
        Rectangle {
            id: _mask
            color: "black"
            anchors.fill: parent
            radius: width/2
            visible: false
            antialiasing: true
            smooth: true
        }
        OpacityMask {
            id:mask_image
            anchors.fill: