如何在js中检查变换是否旋转

Question

如果使用java脚本，如何检查变换是否旋转？

  

的getComputedStyle

Answer 1

这里有一个示例来获取变换的属性...
这个问题是，你不会得到类似30deg的东西作为从变换返回的东西你要么得到一个矩阵...
这可以转换回你的 - ＆gt;我想你最终想知道;）

further information about matrix and calculation

here一个在线计算器，用于从矩阵中获取学位

＆＃13;

＆＃13;

var rotateStyle = window.getComputedStyle(document.querySelector('.rotate'), null);

alert(rotateStyle.transform);

＆＃13;

.rotate {
  display: inline-block;
  transform: rotate(-90deg);
}

＆＃13;

<span class="rotate">&lsaquo;3</span>

＆＃13;

＆＃13;

＆＃13;

Answer 2

http://jsfiddle.net/ax5nM/108/中的

使用了一个类box - 直到现在才检查translateX

   var t=$(".box").css('transform').split(/[()]/)[1].split(',');

但也可以访问矩阵的属性。

矩阵所代表的一些例子可以在这里找到：https://www.w3schools.com/cssref/playit.asp?filename=playcss_transform_matrix