---
title: "init(stops:center:startRadiusFraction:endRadiusFraction:)"
framework: swiftui
role: symbol
role_heading: Initializer
path: "swiftui/ellipticalgradient/init(stops:center:startradiusfraction:endradiusfraction:)"
---

# init(stops:center:startRadiusFraction:endRadiusFraction:)

Creates an elliptical gradient from a collection of color stops.

## Declaration

```swift
nonisolated init(stops: [Gradient.Stop], center: UnitPoint = .center, startRadiusFraction: CGFloat = 0, endRadiusFraction: CGFloat = 0.5)
```

## Discussion

Discussion For example, an elliptical gradient centered on the top-leading corner of the view, with some extra green area: EllipticalGradient(     stops: [         .init(color: .blue, location: 0.0),         .init(color: .green, location: 0.9),         .init(color: .green, location: 1.0),     ],     center: .topLeading,     startRadiusFraction: 0,     endRadiusFraction: 1) stops: The colors and their parametric locations. center: The center of the circle, in [0, 1] coordinates. startRadiusFraction: The start radius value, as a fraction between zero and one. Zero maps to the center point, one maps to the diameter of the unit circle. endRadiusFraction: The end radius value, as a fraction between zero and one. Zero maps to the center point, one maps to the diameter of the unit circle.

## See Also

### Creating an elliptical gradient

- [init(gradient:center:startRadiusFraction:endRadiusFraction:)](swiftui/ellipticalgradient/init(gradient:center:startradiusfraction:endradiusfraction:).md)
- [init(colors:center:startRadiusFraction:endRadiusFraction:)](swiftui/ellipticalgradient/init(colors:center:startradiusfraction:endradiusfraction:).md)