似乎我们有一个问题,桌面上的图像正确显示为直立,但在 iPad 上它们被旋转为横向。经过进一步调查,iPad 似乎从图像上的 EXIF 数据中查看旋转信息,并确定它应该以横向而不是纵向显示(这是它真正需要的)。
有没有什么办法可以在不下载所有成千上万的图像、剥离 EXIF 数据并将其重新上传到我们的云提供商的情况下处理这个问题?
使用 jQuery,它的 HTML 结构要短得多:
<a href="foo" style="width:100px; height:100px;">
<img src="bar" style="position:absolute; width:100px; height:100px; top:0; left:0;">
</a>
Javascript:
setTimeout($.proxy(function(){
this.css("position", "");
}, $('<video style="visibility:hidden; position:absolute; width:1px; height:1px">').before("img")), 0);
注意:超时可防止有时位置不正确的显示错误。
在iOS 7.1、7.0和6.1上像魅力一样工作!
这非常奇怪,但由于某种原因 - 当您将图像绝对放置在视频元素(甚至是空的视频标签)上方时 - 带有 EXIF 旋转的图像不会旋转!
<video></video>
<img src="url.jpg" style="position:absolute;top:0;left:0" />
在 IOS 5.1 Iphone 4 上测试。(我希望没有人将此作为错误提交!;))。