title: How to draw circle and write on it
body: <p>This is reference image:
  <a href="https://i.stack.imgur.com/TNrDo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TNrDo.png" alt="enter image description here"></a></p>
  
  <p>I need to draw circles on it the same way as reference image:
  <a href="https://i.stack.imgur.com/r0lXX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/r0lXX.png" alt="enter image description here"></a></p>
  
  <p>This is the resultant image:
  <a href="https://i.stack.imgur.com/Srw7T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Srw7T.png" alt="enter image description here"></a></p>
  
  <p>This is what the code looks like:</p>
  
  <pre><code>img = cv2.imread("foot.png")
  cv2.circle(img,(112,71), 4, (0,0,0), -1)
  font = cv2.FONT_HERSHEY_SIMPLEX
  cv2.putText(img, '1', (112,71), font, 1, (84, 29, 108), 1, cv2.LINE_AA)
  
  
  cv2.imwrite("test.png",img)
  </code></pre>
  
  <p>How do I put number on circle the same way as in reference image? Pixel given in code are for the first position.</p>
  
  <p>Edit: 
  I tried this solution on Stackoverflow and it gave this result
  <a href="https://stackoverflow.com/questions/55904418/draw-text-inside-circle-opencv">Draw Text inside circle OpenCV</a></p>
  
  <p><a href="https://i.stack.imgur.com/MmSxG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MmSxG.png" alt="enter image description here"></a></p>
  
  <p>Edit 1:
  Code:</p>
  
  <pre><code>img = cv2.imread("foot.png")
  
  CENTER = (112, 71)
  
  cv2.circle(img, CENTER, 2, (127,0,127), -1)
  
  TEXT_FACE = cv2.FONT_HERSHEY_DUPLEX
  TEXT_SCALE = 1
  TEXT_THICKNESS =1
  TEXT = "0"
  
  text_size, _ = cv2.getTextSize(TEXT, TEXT_FACE, TEXT_SCALE, TEXT_THICKNESS)
  text_origin = ( int(CENTER[0] - text_size[0] / 2), int(CENTER[1] + text_size[1] / 2))
  
  cv2.putText(img, TEXT, text_origin, TEXT_FACE, TEXT_SCALE, (127,255,127), TEXT_THICKNESS, cv2.LINE_AA)
  
  cv2.imwrite('centertext_out.png', img)
  </code></pre>
  
  <p>Ouput:
  <a href="https://i.stack.imgur.com/KGznc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KGznc.png" alt="enter image description here"></a></p>
  
  <p>Edit:</p>
  
  <p>This is what I have achieved so far:
  <a href="https://i.stack.imgur.com/GyJQq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GyJQq.png" alt="enter image description here"></a></p>
  
  <p>Is there any way to not let circles in second line overlay one another? Is it possible to not let circles cover text?</p>