title: svg: generate 'outline path'
body: <p>I have a set of coordinates that I turn into an svg path (using cubic beziers to make it smooth). When I apply a certain stroke width, I get the following result (the blue dots are my coordinates)<img src="https://i.stack.imgur.com/CW3yj.png" alt="cubic svg path with stroke width"></p>
  
  <p>What I am interested in is <strong>to get a path that runs around the gray shape</strong> (like: pick any point on the gray/white border, and round around the shape until you're back at the starting point). </p>
  
  <p>How would I go about computing such a path?</p>
  
  <p>for reference, this is my svg info:</p>
  
  <pre><code> &lt;g&gt;
    &lt;title&gt;number 3&lt;/title&gt;
    &lt;path d="m238,50c5.67569,-1.01351 11.8327,-3.8229 20.92029,-2.14724c8.68106,0.69732 14.21173,4.90255 18.07971,7.14724c6.23697,3.61945 13.47556,9.5931 15,18c1.07056,5.90372 1.17343,10.97649 -4,16c-6.76816,6.57204 -19.45392,9.57738 -25.69687,10.59046c-3.94836,0.64074 4.73492,3.29883 10.69687,5.40954c8.05417,2.85142 15,8 21,14c6,6 5.26578,10.94739 5.26578,17.03015c-2.4541,7.30975 -4.23343,11.08675 -11.26578,12.96985c-3.98279,1.0665 -11.92578,3.49756 -17,4c-8.95618,0.88684 -15.80411,2.97838 -26,0l-9.19197,-3.44464" id="svg_1" opacity="0.5" stroke-width="10" stroke-linejoin="round" stroke="#000000" fill="none"/&gt;
   &lt;/g&gt;
  </code></pre>