title: paper.js - achieving smoother edges with closed paths
body: <p>This is a box with an irregular shape that I have generated:</p>
  
  <p><img src="https://i.stack.imgur.com/HMEfk.png" alt=""></p>
  
  <p>And this is the end effect I'd like to achieve (note the smooth edges):</p>
  
  <p><img src="https://i.stack.imgur.com/ulSzc.png" alt="enter image description here"></p>
  
  <p>Here's the code for my sharp version:</p>
  
  <pre><code>var path1 = new Path({
      segments: [[123, 6], [290, 6], [304, 142], [112, 142]],
      strokeColor: 'white',
      closed: true,
      strokeWidth: 3,
      strokeJoin: 'round'
  });
  </code></pre>
  
  <p>Thing is, I'm already using the <strong>strokeJoin: 'round'</strong> option and the difference is hardly noticeable with a stroke width of 3px. It's a small thing but could turn into a game breaker as there are going to be multiple objects like this and the difference is huge.</p>
  
  <p>Is there any way to achieve that with paper.js without overdoing it? </p>