title: Renaming an image created from an HTML5 canvas
body: <p>I have made a simple canvas and save it as an image. I have done this with the help of this code:</p>
  
  <pre><code> var canvas = document.getElementById("mycanvas");
   var img    = canvas.toDataURL("image/png");
  </code></pre>
  
  <p>and pop up the created image with this:</p>
  
  <pre><code>document.write('&lt;img src="'+img+'"/&gt;');
  </code></pre>
  
  <p>But its name is always a weird one. I want to rename the image name like <code>faizan.jpg</code> etc. How can I do this?</p>