Image orientation is wrong

[yarosdev]

On iphone 11 pro max

lib vesrion 1.0.15

[as703]

Hi,

We're also having this issue with images but have been having trouble reproducing it. Would you be able to describe more about how this image was taken? e.g. was it taken with the camera app "in-browser" or was it a photo uploaded from the library? If the latter, what aspect ratio did you use?

Any more detail you can provide would be extremely useful. We're finding that not only is the orientation wrong, the image is actually cropped and we're losing part of the image in the "black section" at the bottom.

[jmerrifield]

We're also experiencing many images ending up like the one shown above. We haven't been able to reproduce it yet, but our data suggests it's happening solely on the iphone 12 and 13.

Specifically we end up with a portrait sized image (i.e. height > width) with a black bar at the bottom, and the image content has been rotated and cropped, so we lose important parts of the image.

[rodkeys]

The issue is also affecting iOS Safari users for the latest iOS15 update. I found that the source of the issue appears to be in lib/utils.js when using the "createImageBitmap" function shown below:

export async function drawFileInCanvas(file) {
  let img;
  try {
    img = await createImageBitmap(file);
  } catch (e) {
    const dataUrl = await getDataUrlFromFile(file);
    img = await loadImage(dataUrl);
  }
  const canvas = drawImageInCanvas(img);
  return [img, canvas];
}

As a short-term solution I commented out the "createImageBitmap" func and just started directly using the fallback "getDataUrlFromFile/loadImage" for iOS users and that appears to have fixed the issue for now.

[jmerrifield]

@rodkeys thanks for that, I'm trying your workaround and will report back! Are you able to reproduce the issue consistently? If so, and you could share an image that would reliably trigger the issue, it would be really useful.

[buesing]

I'm also experiencing this on an iPhone 12 mini running iOS 15. Any image in portrait format I upload ends up looking like the image above, no matter whether it's from the cameral roll or taken directly from the camera.

[jmerrifield]

The workaround above by @rodkeys seems to have fixed the issue for us!

[Donaldcwl]

This issue is fixed in version 1.0.16. Thanks for your contributions.

[yarosdev]

Just confirming that it is fixed! Thanks

[acanturgut]

I am using safari and latest version 1.0.16. It looks like issue still continue on safari. It works on iOS and chrome perfectly.