title: Dashtype line in svg path
body: <p>i want to create dash type line in  svg using path. how can i apply dash style to svg path to make a dashed line. Please refer below SVG.</p>
  
  <pre><code>&lt;path id="container_svg_John_0" fill="none" stroke-width="3" stroke="url(#container_svg_John0Gradient)" stroke-linecap="butt" stroke-linejoin="round" d="M 0 -17.25 L 21.633333333333333 -112.12499999999999 M 21.633333333333333 -112.12499999999999 L 43.266666666666666 -51.75 M 43.266666666666666 -51.75 L 86.53333333333333 -25.875 M 86.53333333333333 -25.875 L 108.16666666666666 -155.25 "&gt;&lt;/path&gt;
  </code></pre>
  
  <p>Thanks,</p>
  
  <p>Siva</p>