GroupProps
Props of Group: the paint and transform its shapes share, and the shapes.
Usage
Transform several drawing shapes together.
This type is used by Group
// Transform several drawing shapes together.
import { Circle, Drawing, Group } from 'kuito';
<Drawing label="Three dots" viewBox={[0, 0, 30, 10]} width={60} height={20}>
<Group fill="#8a8a96" translateX={5} translateY={5}>
<Circle r={3} />
<Circle cx={10} r={3} />
<Circle cx={20} r={3} />
</Group>
</Drawing>;Type declaration
export interface GroupProps extends ShapePaint {
children?: KuitoNode;
}Members 15
| Name | Type | Required | Description |
|---|---|---|---|
children | KuitoNode | 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.