title: How to add text in particular block of canvas
body: <p>I would like to add text in a Rectangle  block of my canvas.Please let me know how can I do this, My code is Below </p>
  
  <pre><code> &lt;html&gt;
          &lt;title&gt;Canvas app&lt;/title&gt;
          &lt;head&gt;
          &lt;style&gt;
          #canvas_ract{
              border:1px solid black;
          } 
          &lt;/style&gt;
          &lt;script&gt;
                window.onload =function(){
                  var myCanvas = document.getElementById('canvas_ract');
                  var ctx = myCanvas.getContext("2d");
                  ctx.beginPath();
                  ctx.fillStyle="#FF0000";
                                //ctx.strokeStyle = "#0000bb";
                              ctx.arc(200,100,100,0,Math.PI*2,true);
                  ctx.closePath();
                  ctx.fill();
                  ctx.font="30px Arial";
                  ctx.fillText("Hello World",10,50);
                  ctx.fillStyle="pink";
                  ctx.fillRect(30,40,200,100);
                               }
          &lt;/script&gt;
          &lt;/head&gt;
          &lt;body&gt;
              &lt;canvas id="canvas_ract" width="500"height="500"&gt;&lt;canvas&gt;
  
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>and also tell me if there is any good way to get more knowledge about this canvas api</p>