LineProps
Props of Line: its two ends in user units, and paint.
Usage
Draw a separator in a canvas.
This type is used by Line
// 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>;Type declaration
export interface LineProps extends ShapePaint {
x1?: number;
y1?: number;
x2?: number;
y2?: number;
}Members 18
| Name | Type | Required | Description |
|---|---|---|---|
x1 | number | No | — |
y1 | number | No | — |
x2 | number | No | — |
y2 | number | No | — |
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.