title: HTML5 Load smaller image in canvas and save actual size image
body: <p>I am creating a image editing tool using HTML 5 Canvas &amp; Java script. I am loading large image to canvas by scaling an image to fit the canvas, apply some filters, and save back image to disk.</p>
  
  <p>The problem is when I save a canvas to image it will store image with canvas size. What I want is image will be stored to its actual dimensions with applied filters. The Same approach used by Flickr.</p>
  
  <p>For Example</p>
  
  <p>if the image is 1000px X 1000px and displayed in a 300px X 300px canvas, I am loading image to canvas as 300px X 300px. while saving I still want to save the image with 1000px X 1000px dimesnion. How to do that?</p>
  
  <p>I am developing using php, HTML5 &amp; Javascript.</p>
  
  <p>I want to do everything on client side, before sending an image to server</p>
  
  <p>Any Help?</p>
  
  <p>looking for a proper solution</p>