EllipseProps — Kuito Dokumentation

Verwendung

Draw an ellipse.

Dieser Typ wird verwendet von Ellipse

tsx

// 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>;

Typdeklaration

export interface EllipseProps extends ShapePaint {
  cx?: number;
  cy?: number;
  rx: number;
  ry: number;
}

Mitglieder 18

Name	Typ	Erforderlich	Beschreibung
`cx`	`number`	Nein	—
`cy`	`number`	Nein	—
`rx`	`number`	Ja	—
`ry`	`number`	Ja	—
`fill`	`string`	Nein	A hex color, or `none`; black by default.
`fillRule`	`FillRule`	Nein	—
`stroke`	`string`	Nein	A hex color, or `none`, the default.
`strokeWidth`	`number`	Nein	In user units; 1 by default.
`strokeLinecap`	`StrokeLinecap`	Nein	—
`strokeLinejoin`	`StrokeLinejoin`	Nein	—
`strokeMiterlimit`	`number`	Nein	—
`strokeDasharray`	`readonly number[]`	Nein	Dash and gap lengths in user units, repeated.
`strokeDashoffset`	`number`	Nein	—
`opacity`	`number`	Nein	Multiplies with its Groups' opacity.
`translateX`	`number`	Nein	In user units, then `rotate` in degrees and `scale`, about the origin.
`translateY`	`number`	Nein	—
`scale`	`number`	Nein	—
`rotate`	`number`	Nein	—

Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.