PolylineProps — Kuito Documentação

Utilização

Draw an open sequence of segments.

Este tipo é usado por Polyline

tsx

// Draw an open sequence of segments.
import { Drawing, Polyline } from 'kuito';

<Drawing label="Plays this week" viewBox={[0, 0, 60, 20]} width={120} height={40}>
  <Polyline
    points={[
      [0, 17],
      [10, 12],
      [20, 15],
      [30, 8],
      [40, 11],
      [50, 5],
      [60, 9],
    ]}
    fill="none"
    stroke="#e5484d"
    strokeWidth={1.5}
    strokeLinejoin="round"
  />
</Drawing>;

Declaração do tipo

export interface PolylineProps extends ShapePaint {
  points: readonly (readonly [number, number])[];
}

Membros 15

Nome	Tipo	Obrigatório	Descrição
`points`	`readonly (readonly [number, number])[]`	Sim	—
`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.