title: Making a SVG path like a smooth line instead of being ragged
body: <p>Well in my project I create <strong>river lines</strong> from <strong>pathes</strong>. And due to my kind of <strong>big stroke-width</strong> it is very <strong>ragged</strong>:</p>
  
  <p><img src="https://i.stack.imgur.com/aBKyx.png" alt="enter image description here"></p>
  
  <p>I already searched around. But the only thing I found was <code>stroke-linejoin: round;</code>. As you can see here:</p>
  
  <p><img src="https://i.stack.imgur.com/tbejc.png" alt="enter image description here"></p>
  
  <p>it is way better but I'm still not satisfied.</p>
  
  <p>Is there any way to get a really smooth line. Or let's say too have a even <strong>"rounder" linejoin</strong>?</p>