我正在构建一个显示图片的Web应用程序。大多数照片是由智能手机拍摄的,并且具有EXIF旋转信息。
我公开了一个网址,该网址返回的图片blob未经修改。
我注意到,当我将此网址放入img标签时,Chrome浏览器不遵守EXIF方向数据,但是当我将该网址放入chrome地址栏中时,它会显示带有图片的页面,然后确实遵守EXIF方向。
抱歉,我无法共享图像,我将尝试查找另一个可以共享的示例。
有人注意到这个问题吗?
最佳答案
出现这种情况的原因是,仅当将图片直接显示在浏览器标签中作为主文档时,Chrome才会根据EXIF数据自动旋转图片。
跟踪此实现的相关 Chrome 问题如下:
https://bugs.chromium.org/p/chromium/issues/detail?id=56845
将来,Chrome(和其他浏览器)将允许开发人员也为具有CSS image-rotation属性的img标签显示的图像启用自动旋转:
https://bugs.chromium.org/p/chromium/issues/detail?id=158753