Eu estou tentando descobrir como adicionar um texto a uma forma de tela, por exemplo, aqui é meuCódigo:

<code>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(); 
</code>

Eu apreciaria muito se alguém me ajudasse a adicionar o texto à forma, obrigado antecipadamente.

EDITAR Eu descobri que eu preciso escrever novamente na tela, então é isso que eu tenho até agora ... mas o texto não se alinha com o centro do círculo:

<code>  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);
</code>