ie浏览器图片被自动旋转怎么办

Question

ie浏览器图片被自动旋转怎么办?

在googl 浏览器都是正常的显示

在ie 浏览器中 被旋转啦

关键是有的被旋转有的没有 咋解决？

Answer 1

该回答内容部分引用GPT，GPT_Pro更好的解决问题
IE浏览器图片被自动旋转怎么办？有的被旋转有的没有的情况怎么解决呢？

这主要是由于IE浏览器对图片的处理方式和其他浏览器不太一样，IE浏览器会根据图片的Exif信息来旋转图片，而其他浏览器却不会。

而在这里，解决方案就是通过代码来控制IE浏览器，把它的图片旋转处理方式变成一样，就像其他浏览器一样，不去读取Exif信息。

首先，可以通过CSS来实现对IE浏览器的控制：

body {
    -ms-transform: none;
    -ms-transform-origin: 0 0;
}

上面的代码可以阻止IE浏览器读取图片的Exif信息，从而可以避免图片旋转的问题。

此外，还可以通过html5中的canvas来实现对图片旋转的控制：

//创建canvas对象
var canvas=document.createElement("canvas"); 
var ctx=canvas.getContext("2d"); 
//绘制图片 
ctx.drawImage(img,0,0); 
//旋转45度 
ctx.rotate(45 * Math.PI / 180); 
//重新绘制图片 
ctx.drawImage(img,0,0); 

上面的代码可以将图片旋转45度，从而避免了IE浏览器读取图片Exif信息而导致图片旋转的问题。

最后，在js中也可以通过transform属性实现对IE浏览器的控制：

 img.style.transform="rotate(90deg)"; 

这样就可以将IE浏览器中的图片旋转90度，避免图片出现旋转的问题了。

总之，通过上面几种方法都可以实现对IE浏览器中图片旋转的控制。由于各个浏览器对Exif信息的处理方式不一样，所以出现图片旋转的情况是很常见的。因此，为了能够在所有浏览器中正常显示图片，我们就需要使用上面提到的几种方法来实现对IE浏览器中图片旋转的控制。
如果回答有帮助，望采纳。