wypełnianie kształtu płótna tekstem

Próbuję dowiedzieć się, jak dodać tekst do kształtu płótna, na przykład tutaj jest mójKod:

var text ="5"; // text to display over the circle
context.fillStyle = "red";
context.beginPath();
context.arc(50,70, 10, 0, Math.PI * 2);
context.closePath();
context.fill(); 

Byłbym bardzo wdzięczny, gdyby ktoś pomógł mi z góry dodać tekst do kształtu.

EDYTOWAĆ Rozumiem, że muszę napisać ponownie na płótnie, więc to jest to, co dotarłem do tej pory ... ale tekst nie pasuje do środka okręgu:

  context.fillStyle = "red";
  context.beginPath();
  var radius = 10; // for example
  context.arc(200, 200, radius, 0, Math.PI * 2);
  context.closePath();
  context.fill();
  context.fillStyle = "black"; // font color to write the text with
  var font = "bold " + radius +"px serif";
  context.font = font;
  context.textBaseline = "top";
  context.fillText(text, 200-radius/4 ,200-radius/2);