title: How to get bounding coordinates from an SVG path
body: <p>I'm working on a project that requires bounding draggable elements inside complex shapes, defined ideally by SVG Path elements, using Javascript.</p>
  
  <p>I'm open to other ways of defining the bounds but SVG would tie in better with the source material.</p>
  
  <p>I've tried using pathSegList however this returns undefined, and I've read it's deprecated. </p>
  
  <p>How would I go about getting a list of coordinates from an SVG path element, which I could translate to X/Y coordinates for Javascript?</p>