Get SVG Squircle Path

svgSquirclePath.ts

const iOSPreset = {
  r1: 0.0586,
  r2: 0.332,
};

function getSmoothSquirclePath(w: number, h: number, r1: number, r2: number) {
  r1 = Math.min(r1, r2);

  return `
    M 0,${r2}
    C 0,${r1} ${r1},0 ${r2},0
    L ${w - r2},0
    C ${w - r1},0 ${w},${r1} ${w},${r2}
    L ${w},${h - r2}
    C ${w},${h - r1} ${w - r1},${h} ${w - r2},${h}
    L ${r2},${h}
    C ${r1},${h} 0,${h - r1} 0,${h - r2}
    L 0,${r2}
  `
    .trim()
    .replace(/\n| {2,}/g, " ");
}