AngularGradient

AngularGradient(props?: {
    colors: Color[];
    center?: UnitPoint;
    startAngle?: number;
    endAngle?: number;
}): Gradient;

AngularGradient({
    colors: [Color("red"), Color("yellow"), Color("green"), Color("blue"), Color("purple")]
})
.frame({ width: 200, height: 200 })

AngularGradient({
    colors: [
        Color("red"),
        Color("orange"),
        Color("yellow"),
        Color("green"),
        Color("blue"),
        Color("purple"),
        Color("red")
    ],
    center: "center"
})

AngularGradient({
    colors: [Color("blue"), Color("purple")],
    startAngle: 0,
    endAngle: 180
})

AngularGradient({
    colors: [Color("orange"), Color("pink")],
    center: "topLeading"
})

Circle()
    .fill(AngularGradient({
        colors: [Color("red"), Color("blue"), Color("green"), Color("red")],
        center: "center"
    }))
    .frame({ width: 150, height: 150 })

Text("Sweep")
    .font("largeTitle")
    .bold()
    .foregroundStyle(AngularGradient({
        colors: [Color("red"), Color("orange"), Color("yellow")],
        center: "center"
    }))