Skip to main content

Ein radialer Farbverlauf von innen nach außen.

Farbveraluf von Gelb über Orange nach Grün. Der Verlauf geht von innen nach außen.

import SwiftUI

struct ContentView: View {
    var body: some View {
        Canvas { context, size in
            let gradient = Gradient(colors: [.yellow, .orange, .red])
            let radial = GraphicsContext.Shading.radialGradient(
                Gradient(colors: gradient.stops.map(\.color)),
                center: .init(x: size.width / 2, y: size.height / 2),
                startRadius: 10,
                endRadius: size.width / 2
            )

            context.fill(Path(ellipseIn: CGRect(origin: .zero, size: size)), with: radial)
        }
        .frame(width: 200, height: 200)
        .cornerRadius(20)
        .padding()
    }
}