javascript - Google Chrome both does and doesn't correctly handle EXIF images -

-

an application i'm developing has requirement correctly handle exif images in google chrome. here's example image:

example

view on github | view in browser

if click "view in browser link" above , in google chrome, image correctly rotated; "top" in image @ top instead of @ left.

if open developer tools when viewing image on chrome directly, see source like:

<body style="margin: 0px; background: #0e0e0e;">     <img         style="-webkit-user-select: none;background-position: 0px 0px, 10px 10px;background-size: 20px 20px;background-color: white;background-image:linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%);"         src="https://raw.githubusercontent.com/recurser/exif-orientation-examples/master/portrait_6.jpg"> </body>

if make fiddle source, image rotated!

how chrome handling exif when image opened directly? possible on own site?


Comments

Post a Comment