如何在javascript中获取值变换旋转？答案

【问题标题】：How to get value transform rotation in javascript?如何在javascript中获取值变换旋转？
【发布时间】：2021-04-03 09:58:14
【问题描述】：

从某个元素获取变换旋转的最佳方法是什么？如何获得带有“deg”警报的变量（15deg）以及如何获得没有“deg”警报的变量（15）...

<div id="myElement" style="width: 150px; height: 150px; background:red;  transform: rotate(10deg);"></div>
<button onclick="myFunction()">Try it</button>

function myFunction() {
var angledeg = document.getElementById('myElement').value.transform.??
var angle = document.getElementById('myElement').value.transform.??
       alert(angledeg);"
       alert(angle);
}

【问题讨论】：

标签： javascript dom rotation transform return-value

【解决方案1】：

试试这个代码演示：

function myFunction() {
var transform = document.getElementById('myElement').style.transform;
console.log(transform);
}

<div id="myElement" style="width: 150px; height: 150px; background:red;  transform: rotate(10deg);"></div>
<button onclick="myFunction()">Try it</button>

【讨论】：

但是如果代码也有一个变换怎么办：scale (2, 0.5); ?
在这种情况下，得到transform style属性后，左边部分是用一些函数parseTransformStr(transform)解析值，这个函数会做一些字符串操作或正则表达式相关的操作。

【解决方案2】：

试试这个

 #myElement{
    transform: rotate(15deg);
  }

或者在Javascript中你可以这样尝试

object.style.transform="rotate(15deg)";

【讨论】：