Skip to main content

makeHeart()

Part of the @remotion/shapes package.

Generates an SVG path for a heart.

Example​

make-heart.ts
ts
import {makeHeart} from '@remotion/shapes';
 
const {path, width, height, transformOrigin, instructions} = makeHeart({
  size: 100,
});
 
console.log(path); // M 100 120 C 40 110 20 70 60 60 C 90 40 110 40 140 60 C 180 70 160 110 100 120 Z
console.log(width); // 200
console.log(height); // 160
console.log(transformOrigin); // "100 80"
console.log(instructions); // Instruction[]

Arguments​

size

number

The size of the heart.

Return type​

The function returns an object with the following properties:

  • path: The SVG path string
  • width: The width of the heart
  • height: The height of the heart
  • transformOrigin: The transform origin of the heart
  • instructions: An array of path instructions

See also​