Как я могу заставить сафари iOS игнорировать вращение EXIF?

Question

Кажется, у нас есть проблема, что изображения на рабочих столах отображаются правильно вертикально, но на iPad они поворачиваются в пейзаж. По дальнейшему расследованию кажется, что iPad смотрит информацию о повороте из данных EXIF ​​на изображение и определяет, что он должен отображаться в ландшафте вместо портрета (что и должно быть на самом деле).

Есть ли способ справиться с этим, не загружая тысячи и тысячи изображений, снимая данные EXIF ​​и повторно загружая их в наш облачный провайдер?

Answer 1

Это очень странно, но по какой-то причине - когда вы позиционируете изображение абсолютно над элементом видео (даже пустой тег видео) - тогда изображение с вращением EXIF ​​делает не вращаться!

<video></video> 
<img src="url.jpg" style="position:absolute;top:0;left:0" /> 

Проверено на IOS 5.1 Iphone 4. (я надеюсь, что никто не будет подавать это как ошибка;)).

Answer 2

Использование 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); 

Примечание: Тайм-аут предотвращает ошибки отображения, где позиции неправильны иногда.

Работает как шарм на прошивкой 7.1, 7,0 и 6,1!