半圆中的JavaFX圆形径向渐变渐变

Question

我需要为减去的圆添加圆形径向渐变。我一直在尝试，但我无法获得圆形渐变。

1：整圈 2：整圈径向渐变 3：减去圆 4：减圆中的圆形径向渐变试验（不是我想要的） 5：减圆中的圆形径向渐变。 这就是我想要得到的

得到减去的圆 (3) 后，我应用了径向渐变，但得到的是 (4) 而不是 (5)。

int x = 0.5;
int y = 0.5;

RadialGradient gradientCut = new RadialGradient(0, 0, x, y, 1, true, CycleMethod.NO_CYCLE, new 
Stop[] {
            new Stop(0, Color.ORANGE),
            new Stop(0.2, Color.YELLOW),
            new Stop(0.5, Color.TRANSPARENT)
});

Rectangle rect = new Rectangle(0, 0, 1000, 75);

Shape cutCircleGradient = Shape.intersect(circleGradientCut, rect);
cutCircleGradient.setFill(gradientCut);

我也尝试过更改值 x 和 y，但我没有得到我想要的。

Answer 1

使用剪辑来分割你的圈子：

double x = 0.5;
double y = 0.5;

RadialGradient gradientCut = new RadialGradient(0, 0, x, y, 1, true, CycleMethod.NO_CYCLE, new
        Stop[]{
        new Stop(0, Color.ORANGE),
        new Stop(0.2, Color.YELLOW),
        new Stop(0.5, Color.TRANSPARENT)
});
double radius = 50.0;
Circle c = new Circle(radius, gradientCut);
var clip = new Rectangle(radius * 2, radius);
clip.setTranslateX(-radius);
clip.setTranslateY(-65);
//clip.setTranslateY(-50);  --> half circle
c.setClip(clip);

半圆中的JavaFX圆形径向渐变渐变

JavaFX circular radial gradial radient in half circle

javafx

gradient

shapes

circular-dependency

intersect