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