因此,对于我的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;">
这里发生了什么?我该如何解决这个方向问题?
答案 0 :(得分:1)
如果您通过Windows工具(右键菜单,Windows'照片等)旋转图像,那只能在Windows中看到。如果你想实际旋转图像,你需要使用像Paint或GIMP这样的东西来旋转它,然后以那种方式保存它。无论从何处观看,都能为您提供正确的旋转。
答案 1 :(得分:0)
雅这是大多数手机图片的常见趋势。我可以建议软件来实现你想要的东西。
最重要的是,在您完成转换时,请记住在使用网页上的图片之前保存。