linesBetweenPath.js

import { svgPathProperties } from "svg-path-properties"

calculateConnectionsBetweenPaths (d, lastd, segments) {
    // Take in two "d" attribute string and break then down into N segements
    // and return a list of those points

    const connections = []

    // Given a path's value of d, get the total length of the path
    const pp = new svgPathProperties(d)
    const pLength = pp.getTotalLength()

    // Given another path's value of d, get the total length of the path
    const lastpp = new svgPathProperties(lastd)
    const lastpLength = lastpp.getTotalLength()

    // break up each path into N even segments, and connect them at those corresponding intervals
    for (let section=0; section <= segments; section++) {
      let pPoint = pp.getPointAtLength(pLength*section/segments)
      let lastpPoint = lastpp.getPointAtLength(lastpLength*section/segments)

      connections.push([ pPoint , lastpPoint ])
    }

    return connections
}