getSubpaths()v3.3.6

Part of the @remotion/paths package.

Takes an SVG path and returns an array of subpaths.

Each M and m statement in a path creates a new subpath.

Example of a path that has two straight lines:

import { getSubpaths } from "@remotion/paths";

const parts = getSubpaths(`
  M 0 0 L 100 0
  M 0 100 L 200 100
`);

An array is returned containing two parts.


console.log(parts[0]); // "M 0 0 L 100 0"
console.log(parts[1]); // "M 0 100 L 200 100"

Paths containing relative m elements will be converted into M elements.

Compatibility

Browsers			Servers			Environments
Chrome	Firefox	Safari	Node.js	Bun	Serverless Functions	Client-side rendering	Server-side rendering	Player	Studio