title: Drawing point on circle
body: <p>I have a circle I created:</p>
  
  <pre><code>&lt;div class='ring'&gt;&lt;/div&gt;
  
  .ring {
      border-radius: 50%;
      border: 2px solid;
    }
  </code></pre>
  
  <p>I need to draw points on the arc (like point A) and points inside the circle (like point B), how can I do it wisely? meaning that I will have the option to understand and adding points wherever I want to on the circle.</p>
  
  <p><a href="https://i.stack.imgur.com/dYMeq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/dYMeq.png" alt="enter image description here"></a></p>