Qml Blur Effects Disappeared!

Nan Feng

Hi, I am trying to use Qml to make a Css form, as in the video, I added a blur effect, but why the blur is not what I want in the future. What I want is a circular blur, just like in the video. In addition, after running the mouse drag a few times, it got stuck for a while, and the blur effect disappeared! ! If the mouse changes the size of the form, the blur effect will also disappear. What's the situation?
Video link: http://qvspur0bl.hn-bkt.clouddn.com/2021-07-31 16-09-44.mp4

My code:

Window
{
id: _app
width: 1200
height: 800
visible: true
title: "Most Creative Profile Card Design"

Item
{
    anchors.fill: parent
    Rectangle
    {
        id: _imgRect
        x: _bgRec.x + _bgRec.width / 2-width / 2
        y: _bgRec.y-height / 2
        width: 120
        height: 120
        color: "#00FF00"
        radius: 60
        z: 1
        GaussianBlur
        {
            anchors.fill: parent
            source: parent
            radius: 20
        }
    }

    Rectangle
    {
        id: _bgRec
        anchors.centerIn: parent
        width: 450
        height: 350
        color: "#FFE4E1"
        z: 0
    }
}

}

Markkyboy

Nobody wants to click on spurious links that cause Chrome to defecate itself.

Please post a screenshot of the effect you desire.