EllipseProps
Props of Ellipse: its center and radii in user units, and paint.
Usage
Draw an ellipse.
This type is used by Ellipse
// Draw an ellipse.
import { Drawing, Ellipse } from 'kuito';
<Drawing label="Shadow" viewBox={[0, 0, 40, 20]} width={80} height={40}>
<Ellipse cx={20} cy={10} rx={18} ry={6} fill="#00000033" />
</Drawing>;Type declaration
export interface EllipseProps extends ShapePaint {
cx?: number;
cy?: number;
rx: number;
ry: number;
}Members 18
| Name | Type | Required | Description |
|---|---|---|---|
cx | number | No | — |
cy | number | No | — |
rx | number | Yes | — |
ry | number | Yes | — |
fill | string | No | A hex color, or none; black by default. |
fillRule | FillRule | No | — |
stroke | string | No | A hex color, or none, the default. |
strokeWidth | number | No | In user units; 1 by default. |
strokeLinecap | StrokeLinecap | No | — |
strokeLinejoin | StrokeLinejoin | No | — |
strokeMiterlimit | number | No | — |
strokeDasharray | readonly number[] | No | Dash and gap lengths in user units, repeated. |
strokeDashoffset | number | No | — |
opacity | number | No | Multiplies with its Groups' opacity. |
translateX | number | No | In user units, then rotate in degrees and scale, about the origin. |
translateY | number | No | — |
scale | number | No | — |
rotate | number | No | — |
Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.