Estoy tratando de averiguar cómo agregar un texto a una forma de lienzo, por ejemplo, aquí está miCó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>

Lo agradecería mucho si alguien me ayudara a agregar el texto a la forma de antemano.

EDITAR Me doy cuenta de que necesito escribir de nuevo en el lienzo, así que esto es lo que obtuve hasta ahora ... pero el texto no se alinea con el centro del 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>