Git Product home page Git Product logo

Comments (4)

keanedawg avatar keanedawg commented on May 27, 2024

Note that these images were collected from a phone

from ybat.

drainingsun avatar drainingsun commented on May 27, 2024

Can you provide me with the original image that's being rotated? Also what OS and browser are you using? Does that happen to all images? I strongly suspect it's related to image meta data. If I have a sample, I could try finding a solution to this.

from ybat.

keanedawg avatar keanedawg commented on May 27, 2024

Hey @drainingsun, thanks for the response

I found the problem and it is definitely related to the fact that it's taken from the phone. I think there is a tag called exif that corrects the phones angle depending on the orientation it was taken from. Some browsers ignore this tag though hence why the angle is different when viewed from the phone versus from a browser. I ended up fixing the problem using ImageMagick to convert all my images in a directory as shown here

I am on Windows and Chrome. It happens to all images because they were all taken from my phone.

I am happy to send you an image with the problem. However, I'm not sure what the standard way of attaching files is on Github.

Also, I am fine closing this issue

from ybat.

drainingsun avatar drainingsun commented on May 27, 2024

After a brief research it seems that browsers do not handle exif data properly and in general there is no consensus how it should be handled. There are solutions, though. Questions is, whether it is necessary. Personally I'd like to close this issue and re-investigate if more people encounter same issue.

from ybat.

Related Issues (19)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.