title: Different strokes in SVG-subpaths
body: <p>Is it possible to draw different strokes (I want different line widths) in a subpath of SVG?</p>
  
  <p>I know this can be accomplished using different paths, but it is not possible to use use line-joins on different paths. I want to use a line-join round with different line width. </p>
  
  <p>If it is not possible, what is the best techique to draw two connected lines with different strokes (in the picture below the lines are not connected)?
  <img src="https://i.stack.imgur.com/r7yFB.png" alt="enter image description here"></p>