title: Adding text in nested circles using canvas?
body: <p>I want to draw a circle inside another circle and then add text inside the new (small) circle (for example an alphabet). </p>
  
  <p>I got the following so for far, any advice?</p>
  
  <pre><code>            &lt;!DOCTYPE html&gt;
              &lt;html&gt;
              &lt;body&gt;
  
              &lt;canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;"&gt;
              Your browser does not support the HTML5 canvas tag.&lt;/canvas&gt;
  
              &lt;script&gt;
              var c = document.getElementById("myCanvas");
              var ctx = c.getContext("2d");
              ctx.beginPath();
              ctx.arc(95,50,40,0,2*Math.PI);
              ctx.stroke();
              ctx.fillStyle ="red";
              ctx.fill();
  
              var dd = document.getElementById("myCanvas");
              var ddtx = dd.getContext("2d");
              ddtx.beginPath();
              ddtx.arc (96,50,35,2*Math.PI,1.99*Math.PI);
              ddtx.stroke();
              ddtx.fillStyle ="blue";
              ddtx.fill();
  
              var d = document.getElementById("myCanvas");
              var dtx = d.getContext("2d");
              dtx.beginPath();
              dtx.arc(95,50,10,2*Math.PI,1.9*Math.PI);
              dtx.stroke();
              dtx.fillStyle = "white";
              dtx.fill(); 
              &lt;/script&gt; 
  
              &lt;/body&gt;
              &lt;/html&gt;
  </code></pre>