PathProps — Kuito Documentação

Utilização

Draw a vector path

Este tipo é usado por Path

tsx

import { Drawing, Path } from 'kuito';

export function Example() {
  return (
    <Drawing viewBox={[0, 0, 100, 100]} width={120} height={120} label="Vector example">
      <Path d="M10 50 L35 75 L90 15" fill="none" stroke="#2563eb" strokeWidth={8} />
    </Drawing>
  );
}

Declaração do tipo

export interface PathProps extends ShapePaint {
  /** SVG path data: `M0 0L10 10Z`. */
  d: string;
}

Membros 15

Nome	Tipo	Obrigatório	Descrição
`d`	`string`	Sim	SVG path data: `M0 0L10 10Z`.
`fill`	`string`	Não	A hex color, or `none`; black by default.
`fillRule`	`FillRule`	Não	—
`stroke`	`string`	Não	A hex color, or `none`, the default.
`strokeWidth`	`number`	Não	In user units; 1 by default.
`strokeLinecap`	`StrokeLinecap`	Não	—
`strokeLinejoin`	`StrokeLinejoin`	Não	—
`strokeMiterlimit`	`number`	Não	—
`strokeDasharray`	`readonly number[]`	Não	Dash and gap lengths in user units, repeated.
`strokeDashoffset`	`number`	Não	—
`opacity`	`number`	Não	Multiplies with its Groups' opacity.
`translateX`	`number`	Não	In user units, then `rotate` in degrees and `scale`, about the origin.
`translateY`	`number`	Não	—
`scale`	`number`	Não	—
`rotate`	`number`	Não	—

Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.