title: Drawing a dotted (circle-shaped!) line
body: <p>I'm trying to use <code>DashPathEffect</code> to draw an actual dotted stroke. But the result is unfortunately not a perfect circle.</p>
  
  <pre><code>new Paint() {
      setAntiAlias( true )
      setColor( R.color.grey.as[Color] )
      setPathEffect( new DashPathEffect( Array( 0.01f, 5.dp ), 0 ) )
      setStrokeCap( Cap.ROUND )
      setStrokeWidth( 2.dp )
      setStyle( STROKE )
  }
  </code></pre>
  
  <p><em>(Scala code)</em></p>
  
  <p><strong>100%</strong></p>
  
  <p><a href="https://i.stack.imgur.com/Tb0Aa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Tb0Aa.png" alt="100%"></a></p>
  
  <p><strong>Scaled</strong></p>
  
  <p><a href="https://i.stack.imgur.com/x0tEv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x0tEv.png" alt="Scaled"></a>
  <a href="https://i.stack.imgur.com/mFX7H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mFX7H.png" alt="Scaled with grid"></a></p>
  
  <p><strong>Without anti-alias (2 and 3dp stroke width)</strong></p>
  
  <p><a href="https://i.stack.imgur.com/osrwC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/osrwC.png" alt="Without anti-alias (2dp)"></a>
  <a href="https://i.stack.imgur.com/BhNpc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BhNpc.png" alt="Without anti-alias (3dp)"></a></p>
  
  <p>Is it possible to configure the <code>Paint</code> object in such a way that the circle shape is correct, rather than drawing the large amount of circles manually?</p>