<img/>不需要的照片轮播

时间:2015-02-07 01:49:53

标签: html html5 image html-table

我使用HTML5在表格中嵌入了一个图像。逆时针旋转图像自动旋转90度,没有应用CSS,也没有Javascript(以前是某些标签上的class参数,但我注释了<style></style>块在<head>

图像是由带有Imagick的PHP脚本创建的,可以将其从原始图像缩小,但原始图像仍然存在同样的问题。

代码:

<table>
    <tr>
        <th>$username has sent you a photo!</th>
    </tr>
    <tr>
        <td>
            <img src="IMG_1314_MOD.jpg" width="300" height="225" class="rotate90"/>
        </td>
    </tr>
    <tr>
        <td><div class="caption">$caption</div></td>
    </tr>
</table>

我尝试使用this answer中的CSS代码并将其应用于<img>,但是当它旋转时,它没有调整表格,并掩盖了文本。

有人知道我可以使用的解决方案吗?

- 编辑 -

我使用带有PHP的EXIF扩展程序print_r()图片上的EXIF标题,并且似乎没有任何方向标题。标题可以在Pastebin here上找到,如果您不介意仔细检查,无论谁阅读此内容。

3 个答案:

答案 0 :(得分:5)

在JPG图片上运行jhead -autorot。这就是我在将图像放到网上之前处理自动旋转的方法。

这将按照相机方向传感器的指定旋转图像,然后重置方向标记,以免意外再次旋转。

http://www.sentex.net/~mwandel/jhead/usage.html

(注意,我从不自动旋转我的原件,只将缩放版本作为我脚本的一部分发送到网上。)

答案 1 :(得分:0)

[Orientation] => 6轮换,您可以将其切换为1

答案 2 :(得分:0)

exiftran 可以无损旋转 JPEG 图像,保持 EXIF 数据和缩略图一致。它也不会进行不必要的编辑(这是在我尝试 ImageMagick/GraphicsMagick 时发生的),并产生稳定的输出。

标志:-a 用于在 EXIF 标签中应用旋转,-i 用于就地编辑,-p 用于保留文件时间戳。

用法:

exiftran -aip -- *.jpg