title: How to remove a drawn arch from canvas
body: <p>I have been trying to print arc in the html page. How can i remove the already drawn arch from the page?. i have written the below code. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;canvas id="myCanvas" width="1200" height="1000"
  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(600,500,20, 0.5*Math.PI,2*Math.PI);
  ctx.stroke();
  
  ctx.beginPath();
  ctx.arc(600,500,40, 0.5*Math.PI,2*Math.PI);
  ctx.stroke();
  */
  var radius=20;
  for (i=0; i&lt;10; i++)
  {
    var ctx = c.getContext("2d");
    ctx.beginPath();
    ctx.arc(600,500,radius, 0.5*Math.PI, 2*Math.PI);
    ctx.stroke();
    radius= radius+30;
  }
  
  
  &lt;/script&gt; 
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>How can i achieve this?. </p>