如何在旧浏览器中使用纯JavaScript旋转图像

How to rotate an image using pure javascript in old browsers

本文关键字:JavaScript 旋转 图像 浏览器      更新时间:2023-09-26
几年前

(将近7年),我想在IE6中旋转图像。我搜索了一下,发现了一个旋转图像的JavaScript代码。我开始阅读代码,我发现在该代码的某些部分,Shift 运算符已用于旋转图像。我想知道如何在不使用 CSS3 等新浏览器中的框架和新功能的情况下旋转图像......

移位运算符可以帮助我们旋转图像吗?如果是这样,如何?

在Internet Explorer 6和8中,您可以使用CSS中的过滤器来旋转图像。

要旋转 45 度,您可以使用如下代码:

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */