JS Client-Side Exif Orientation: Rotate and Mirror JPEG Images

by

The github project JavaScript-Load-Image provides a complete solution to the EXIF orientation problem, correctly rotating/mirroring images for all 8 exif orientations. See the online demo of javascript exif orientation

The image is drawn onto an HTML5 canvas. Its correct rendering is implemented in js/load-image-orientation.js through canvas operations.

Hope this saves somebody else some time, and teaches the search engines about this open source gem 🙂

More Related Contents:

  1. Accessing JPEG EXIF rotation data in JavaScript on the client side
  2. How to save an HTML5 Canvas as an image on a server?
  3. Tainted canvases may not be exported
  4. Resize HTML5 canvas to fit window
  5. CanvasContext2D drawImage() issue [onload and CORS]
  6. How do I fix blurry text in my HTML5 canvas?
  7. HTML5 Canvas camera/viewport – how to actually do it?
  8. I want to do animation of an object along a particular path
  9. How to show a running progress bar while page is loading
  10. How can I stop the alpha-premultiplication with canvas imageData?
  11. What’s the difference between a boolean as primitive and a boolean as property of an object?
  12. dragging and resizing an image on html5 canvas
  13. event.offsetX in Firefox
  14. Draw border around nontransparent part of image on canvas
  15. rotate a .gif image on google maps api v3?
  16. How to use Google fonts in Canvas when Drawing DOM objects in SVG?
  17. How to set the image quality while converting a canvas with the “toDataURL” method?
  18. addEventListener for keydown on Canvas
  19. How to calculate rotation in 2D in Javascript
  20. Save canvas as jpg to desktop [duplicate]
  21. Javascript function to Rotate a base 64 image by X degrees and return new base64
  22. Resize a Base-64 image in JavaScript without using canvas
  23. How to flip images horizontally with HTML5
  24. how to draw a wheel of fortune?
  25. clearing circular regions from HTML5 Canvas
  26. How can I get DPI from image in JS?
  27. EXIF Orientation Issue in Safari Mobile
  28. Converting bytes to an image for drawing on a HTML5 canvas
  29. Split text into pages and present separately (HTML5)
  30. HTML5 Canvas: Get Event when drawing is finished

Leave a Comment