Qml圆形图片

使用QtGraphicalEffects中的OpacityMask效果:

Item {
        width: 96
        height: 96
        anchors.centerIn: parent
        Image {
            id: sourceimage
            source: "qrc:/qt.png"
            sourceSize: Qt.size(parent.width, parent.height)
            smooth: true
            visible: false
        }

        Rectangle {
            id: mask
            width: parent.width
            height: parent.height
            radius: height/2
            color:"red"
            visible: false

        }

        OpacityMask {
            anchors.fill: sourceimage
            source: sourceimage
            maskSource: mask
        }
    }

show.jpg

需要完整代码请访问QtQuickExamples