title: HTML5 - resize image and keep EXIF in resized image
body: <p>How can I resize an image (using an HTML5 <code>canvas</code> element) and keep the EXIF information from the original image? I can extract EXIF info from from original image but I don't know how to copy it to the resized image.</p>
  
  <p>This is how I retrieve the resized image data to send to the server-side code:</p>
  
  <pre><code>canvas.toDataURL("image/jpeg", 0.7);
  </code></pre>
  
  <p>For EXIF retrieval, I'm using the <a href="https://github.com/jseidelin/exif-js" rel="noreferrer">exif.js</a> library.</p>