title: Create a circle vertical dash array by svg
body: <p>I have created a circle like this:</p>
  <p><a href="https://i.stack.imgur.com/eJiMs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eJiMs.png" alt="enter image description here" /></a></p>
  <p>and this the code:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;svg height=&quot;500&quot; width=&quot;500&quot;&gt;
  &lt;circle cx=&quot;110&quot; cy=&quot;200&quot; r=&quot;100&quot; stroke=&quot;black&quot; stroke-width=&quot;3&quot; fill=&quot;transparent&quot; stroke-dasharray=&quot;10 3,5 3,5 3,5 3,5 3,5 3,5 3,5 3,5 3,5 3&quot; /&gt;
  &lt;/svg&gt; 
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>but I am going to make lines vertically like this:</p>
  <p><a href="https://i.stack.imgur.com/NxfGo.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NxfGo.jpg" alt="enter image description here" /></a></p>
  <p>Can anybody help me?</p>