从三星手机拍摄的图片在html中源于错误
问题描述:
因此,对于我的webdev类的介绍性分配,我们的教授希望我们为我们的服务器创建一个index.html页面,该页面显示我们的个人资料。该配置文件应包含一张图片。从三星手机拍摄的图片在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;">
这里发生了什么?我该如何解决这个定位问题?
答
如果您通过Windows的工具(右键单击菜单,Windows的照片等)旋转图像,则只有Windows才能看到该图像。如果你想实际旋转图像,你需要使用像Paint或GIMP这样的东西来旋转它,然后以这种方式保存。无论它从哪里看,这都会给你正确的旋转。
答
雅这是大多数手机图片的共同趋势。我可以建议软件达到你想要的。
- 的Photoshop
- Corel绘图
- 涂料
- 简单的图像浏览器
最重要的事情是当你已经实现转型记得使用网页上的图像前保存。