getSubpaths()

Part of the @remotion/paths package. Available from v3.3.6

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:

tsx
import { getSubpaths } from "@remotion/paths";
 
const parts = getSubpaths(`
  M 0 0 L 100 0
  M 0 100 L 200 100
`);

tsx
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.

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

tsx
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.

See also​