Verwendung

Draw a separator in a canvas.

Dieser Typ wird verwendet von Line

tsx
// Draw a separator in a canvas.
import { Drawing, Line } from 'kuito';

<Drawing label="Divider" viewBox={[0, 0, 100, 2]} width={200} height={4}>
  <Line x1={0} y1={1} x2={100} y2={1} stroke="#e5e7eb" strokeWidth={2} strokeDasharray={[4, 2]} />
</Drawing>;

Typdeklaration

ts
export interface LineProps extends ShapePaint {
  x1?: number;
  y1?: number;
  x2?: number;
  y2?: number;
}

Mitglieder 18

NameTypErforderlichBeschreibung
x1numberNein—
y1numberNein—
x2numberNein—
y2numberNein—
fillstringNeinA hex color, or none; black by default.
fillRuleFillRuleNein—
strokestringNeinA hex color, or none, the default.
strokeWidthnumberNeinIn user units; 1 by default.
strokeLinecapStrokeLinecapNein—
strokeLinejoinStrokeLinejoinNein—
strokeMiterlimitnumberNein—
strokeDasharrayreadonly number[]NeinDash and gap lengths in user units, repeated.
strokeDashoffsetnumberNein—
opacitynumberNeinMultiplies with its Groups' opacity.
translateXnumberNeinIn user units, then rotate in degrees and scale, about the origin.
translateYnumberNein—
scalenumberNein—
rotatenumberNein—
Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.