SVG path bounding box

getPathBoundingBox.js

const getPathBoundingBox = (() => {
  const toPolygon = (path, points = 50) => {
    const polygon = document.createElementNS("http://www.w3.org/2000/svg", "polygon");
    const total = path.getTotalLength();
    const step = total / points;

    const getPoints = (dist = 0, arr = []) => {
      const {x, y} = path.getPointAtLength(dist);
      arr.push(`${x},${y}`);
      const next = step + dist;
      return next > total ? arr : getPoints(next, arr);
    }

    polygon.setAttribute("points", getPoints().join(" "));
    return polygon;
  };

  return path => {
    const polygon = toPolygon(path);
    const parent = path.parentNode;
    polygon.setAttribute("fill", "none");
    parent.appendChild(polygon);
    const rect = polygon.getBoundingClientRect();
    parent.removeChild(polygon);
    return rect;
  };
})();