js获取当前的旋转角度
时间: 2023-07-17 11:09:33 浏览: 216
你可以使用JavaScript中的`transform`属性来获取当前元素的旋转角度。以下是一个示例代码:
```javascript
// 获取元素的旋转角度
function getCurrentRotation(element) {
// 获取transform属性值
var transform = window.getComputedStyle(element, null).getPropertyValue('transform');
// 提取旋转角度
var values = transform.split('(')[1].split(')')[0].split(',');
var a = values[0];
var b = values[1];
var angle = Math.round(Math.atan2(b, a) * (180/Math.PI));
// 将角度转为正数
if (angle < 0) {
angle = angle + 360;
}
return angle;
}
// 使用示例
var element = document.getElementById('myElement');
var rotation = getCurrentRotation(element);
console.log(rotation);
```
在上面的代码中,`getCurrentRotation`函数接收一个元素作为参数,并返回该元素的旋转角度。它首先获取元素的`transform`属性值,然后使用一些计算方法提取旋转角度。最后,通过调用`getCurrentRotation`函数并传入要获取旋转角度的元素,即可得到当前的旋转角度。
阅读全文