从html采购时,从三星手机拍摄的图像定位错误

时间:2017-09-01 16:25:09

标签: html image jpeg orientation

因此,对于我的webdev课程的介绍性作业,我们的教授希望我们为我们的服务器创建一个index.html页面,其中显示了我们的个人资料。该配置文件应包含图片。

我在手机上拍了一张照片并将其上传到我们的服务器上,当我打开页面并且我的脸部旋转90度时,我感到很恼火。所以我在样式中添加了一个转换标记:

<img src="assets/pictures/selfie.jpg" alt="Selfie" style="width: 304px; height: 228px; transform: rotate(90)">

当我向我的教授展示时,他告诉我不要使用转换标签“避免客户的浏览器必须旋转它。首先自己旋转它。”

我在桌面编辑器中尝试了这个,然后重新上传了照片并取出了转换。相同的方向问题,旋转90度。

<img src="assets/pictures/selfie.jpg" alt="Selfie of Ryan White" style="width: 304px; height: 228px;">

这里发生了什么?我该如何解决这个方向问题?

2 个答案:

答案 0 :(得分:1)

如果您通过Windows工具(右键菜单,Windows'照片等)旋转图像,那只能在Windows中看到。如果你想实际旋转图像,你需要使用像Paint或GIMP这样的东西来旋转它,然后以那种方式保存它。无论从何处观看,都能为您提供正确的旋转。

答案 1 :(得分:0)

雅这是大多数手机图片的常见趋势。我可以建议软件来实现你想要的东西。

  1. 的Photoshop
  2. Corel Draw
  3. 油漆
  4. 简单图像查看器
  5. 最重要的是,在您完成转换时,请记住在使用网页上的图片之前保存。