CircleProps — Kuito Documentation

Usage

Draw a vector circle

This type is used by Circle

tsx

import { Drawing, Circle } from 'kuito';

export function Example() {
  return (
    <Drawing viewBox={[0, 0, 100, 100]} width={120} height={120} label="Vector example">
      <Circle cx={50} cy={50} r={35} fill="#2563eb" />
    </Drawing>
  );
}

Type declaration

export interface CircleProps extends ShapePaint {
  cx?: number;
  cy?: number;
  r: number;
}

Members 17

Name	Type	Required	Description
`cx`	`number`	No	—
`cy`	`number`	No	—
`r`	`number`	Yes	—
`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.