Why after .trim Circle() its borders lose smoothness?

Viewed 53

After trimming a Circle(), its borders lose smoothness.

struct WidgetsEntryView : View {
    var entry: Provider.Entry

    var body: some View {
        VStack {
            ZStack {
                Circle()
                    .trim(from: 0.0, to: min(CGFloat(0.5), 1.0))
                    .stroke(Color.green, style: StrokeStyle(lineWidth: 10, lineCap: .round, lineJoin: .round))
                    .rotationEffect(Angle(degrees: 270))
            }
            Text("Subtitle")
                .foregroundColor(.white)
        }
        .padding()
        .background(Color.black)
    }
}

enter image description here

If you remove the padding, text, or the trimming itself anti-aliasing returned.

enter image description here enter image description here enter image description here

0 Answers
Related