Gradient ignores parent rounded shape

I am trying to create a circle with a gradient color inside. The rectangle with radius below works fine, but as soon as I added the RadialGradient it goes back to square shape. I tried adding an opacity mask but it didn't work. What's wrong with this?

import QtQuick 2.0  import QtGraphicalEffects 1.0    Rectangle {      id: light      property string type: ""      property bool connected: false      property bool flagSet: false        width: 50      height: width      radius: width / 2          RadialGradient {          anchors.fill: parent          gradient: Gradient {              GradientStop { position: 0.0; color: "green" }              GradientStop { position: 0.5; color: "black" }          }      }          OpacityMask {          anchors.fill: parent          source: light          maskSource: Rectangle {              height: light.height              width: light.width              radius: light.radius          }      }  }  

https://stackoverflow.com/questions/67377569/gradient-ignores-parent-rounded-shape May 04, 2021 at 09:08AM