确定HTML Javascript中的图像旋转

时间:2014-03-13 20:44:40

标签: html css image rotation

我开发了一个网络应用程序,允许用户在手机或平板电脑上拍照并使用input type="file"元素上传。用户可以使用移动设备上的任一方向拍摄照片。

不知何故,当您通过直接指向其网址在网络浏览器中打开图片时,它会以正确的方向显示。

upright

但是,在我的应用中,当它位于img标记中且src指向该网址时,它会被轮换。

rotated

我知道我可以使用CSS tranform来旋转图像。问题是我不知道如何判断图像是否旋转。当直接导航到URL时,浏览器如何知道旋转它?

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

查看exif.js然后你抓住方向标签...这就是我现在所面对的......但是我希望它永久定位它...我不知道这是否可能但是在至少有显示器,你将能够做到这一点。

http://www.daveperrett.com/articles/2012/07/28/exif-orientation-handling-is-a-ghetto/