An ellipse inscribed in its box: a circle when width and height are equal. Takes the same children as <rect>: paint children, plus <stroke>, <shadow>, <effect>, <animation> and <keyframeTrack>.
<ellipse x={760} y={340} width={400} height={400} fill="#FF0055" />All common props, plus:
| Prop | Type | Default | Meaning |
|---|---|---|---|
fill |
string |
none | Any CSS color; alpha is ignored (use opacity). Shorthand for a solid paint child, drawn beneath any paint children. |
Without width/height an ellipse is 100×100. Fills, strokes, shadows and masked effects follow the curve, and the canvas only picks it up inside the curve rather than anywhere in its box.