DrawingSource
An SVG file read into shapes when the app compiles: import icon from './icon.svg?drawing'.
Usage
Draw an ellipse.
This type is used by Drawing
// 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 type DrawingSource = {
readonly viewBox: readonly [number, number, number, number];
readonly shapes: readonly DrawnShape[];
};Members 2
| Name | Type | Required | Description |
|---|---|---|---|
viewBoxreadonly | readonly [number, number, number, number] | Yes | — |
shapesreadonly | readonly DrawnShape[] | Yes | — |
Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.