zwo*_*ork 5 html html5 html-table image
我使用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>
我尝试在这个答案中使用CSS代码并将其应用到<img>,但是当它旋转时,它没有调整表格,并掩盖了文本.
有没有人知道我可以使用的解决方案？
- 编辑 -
我使用PHP的EXIF扩展名到print_r()图像上的EXIF标题,似乎没有任何方向标题.标头可以在引擎收录找到这里,如果你不介意的双重检查,谁可以读取这个.
jhead -autorot在JPG图像上运行.这就是我在将图像放到网络上之前处理自动旋转的方法.
这将按照相机的方向传感器指定旋转图像,然后重置方向标志,以便不会再次意外旋转.
http://www.sentex.net/~mwandel/jhead/usage.html
(注意,我从不自动旋转我的原件,只是缩放版本作为我的脚本的一部分,用于将它们发送到网络.)