title: Canvas Text in Center of concentric circle
body: <p>I am trying to place my text in center of 5 concentric circle!  Can anyone please help me!  Below is my code.  Suggest me what changes i am supposed to do to get it at the centre of circle.  Thanks.</p>
  
  <pre><code>       function circle(e, color, x, y, radius, startAngle, endAngle, clockwise) {
            if (arguments.length &lt; 9) return alert("Not enough arguments.\nThe function \"circle\" requires 9 arguments\nYou provided only " + arguments.length + ".");
             e.beginPath();
             e.arc(x, y, radius, startAngle, endAngle, clockwise);
             e.strokeStyle = color;
             e.stroke();
  
         }
  
         function draw(e) {
             var deg360 = Math.PI * 2; 
             circle(e, "#00688B", 120, 120, 90, deg360, 0, deg360, true);
             e.fillStyle = '#00688B';
             e.fill();
             circle(e, "#0099CC", 120, 120, 80, deg360, 0, deg360, true);
             e.fillStyle = '#0099CC';
             e.fill();
             circle(e, "#63D1F4", 120, 120, 70, deg360, 0, deg360, true);
  
             e.fillStyle = '#63D1F4';
             e.fill();
             circle(e, "#05EDFF", 120, 120, 60, deg360, 0, deg360, true);
             e.fillStyle = '#05EDFF';
             e.fill();
             circle(e, "#BFEFFF", 120, 120, 50, deg360, 0, deg360, true);
             e.fillStyle = '#BFEFFF';
             e.fill();
             circle(e, "#E6E8FA", 120, 120, 40, deg360, 0, deg360, true);
             e.fillStyle = '#E6E8FA';
             e.fill();
            e.fill();
             e.fillStyle = "black"; // font color to write the text with
             e.font = radius * 0.15 + "px arial";
             e.textBaseline = "middle";
             e.textAlign = "center";
             e.fillText(num, radius, e);
  
             for (num = 1; num &lt; 25; num++) {
                 ang = num * Math.PI / 12;
                 e.rotate(ang);
                 e.translate(0, radius * 1.85);
                 e.rotate(-ang);
                 e.fillText(num.toString(), 0, 0);
                 e.rotate(ang);
                 e.translate(0, -radius * 1.85);
                 e.rotate(-ang);}}
  </code></pre>
  
  <p></p>