ContextQMD
Back to Remotion

makeArrow()

packages/docs/docs/shapes/make-arrow.mdx

4.0.469606 B
Original Source

import {MakeShapeSeeAlso, ShapeOptions, MakeShapeReturnType} from '../../components/shapes/shapes-info';

Part of the @remotion/shapes package.

Generates an SVG path for an arrow shape.

Example

tsx
import {makeArrow} from '@remotion/shapes';

const {path, width, height, transformOrigin} = makeArrow({
  length: 300,
  headWidth: 185,
  headLength: 120,
  shaftWidth: 80,
  direction: 'right',
});

Arguments

<ShapeOptions shape="arrow" />

Return type

<MakeShapeReturnType shape="arrow" />

See also

<MakeShapeSeeAlso shape="arrow" />