Javascript 如何将div的旋转信息转换成js中的变量

var schakkel=document.getElementById（'schakkelar'）.style.transform；
如果（90

@导入url（'https://fonts.googleapis.com/css?family=Raleway:400,700');
*{
保证金：0；
填充：0；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
身体{
背景色：#F7F7F7；
}
#border-buiten-tekst1{
字体系列：“Raleway”，无衬线；
左边距：32.5vw；
利润顶部：-3vw；
边框：实心；
位置：绝对位置；
}
#柔性容器pijlen{
位置：绝对位置；
显示器：flex；
左边距：30vw；
利润上限：-3.2vw；
}
#pijl链接{
宽度：3.5vw；
}
#pijl记录{
宽度：3.5vw；
左边距：15vw；
左边距：22vw；
}
#光灯{
左边距：65vw；
最大宽度：5vw；
最大高度：5vw；
位置：绝对位置；
}
#Schakkelar2{
左边距：55.7vw；
利润上限：-20vw；
位置：相对位置；
变换：旋转（37度）；
}
#沙克尔{
左边距：35.2vw；
利润率最高：29.35vw；
位置：相对位置；
变换：旋转（37度）；
}
#border-buiten-tekst2{
字体系列：“Raleway”，无衬线；
左边距：34.4vw；
利润率最高：4vw；
填料顶部：.2vw；
文本对齐：居中；
宽度：20vw；
左边框：实心；
右边界：实心；
边框底部：实心；
}
.菜单区李a{
文字装饰：无；
颜色：#F7F7F7；
字母间距：1px；
文本转换：大写；
显示：块；
填充：0px 25px；
字体大小：14px；
线高：30px；
位置：相对位置；
z指数：1；
}
.菜单区李{
列表样式：无；
显示：内联块；
}
.自定义填充{
垫面：20%；
}
导航{
位置：相对位置；
填充：10px 20px 10px 10px；
文本对齐：居中；
z指数：1；
背景#8CC63E；
保证金：0自动；
宽度：计算（100%-60px）；
边缘顶部：30px；
}
#边界spel{
背景图片：url（“../img/speelveld.png”）；
位置：绝对位置；
左边距：计算（42vw-600px）；
利润率最高：.5vw；
宽度：1320px！重要；
高度：36vw；
}
#边境大厦{
左边距：计算（30vw-450px）；
利润率最高：4.4vw；
宽度：1650px；
高度：41vw；
背景色：#8CC63E；
}
.标志{
宽度：20vh；
浮动：左；
利润上限：-30px；
左边距：10px；
}
.菜单区li a：悬停{
背景：#432064；
颜色：#F7F7F7；
}
导航：以前{
位置：绝对位置；
内容：''；
左：0；
最高：100%；
边框顶部：10px实心#333333；
右边框：10px实心#333333；
左边框：10px实心透明；
边框底部：10px实心透明；
}
导航：之后{
位置：绝对位置；
内容：''；
左：0；
最高：100%；
边框顶部：10px实心#333333；
右边框：10px实心#333333；
左边框：10px实心透明；
边框底部：10px实心透明；
}
.菜单区h2{
颜色：#F7F7F7；
}
.下拉列表{
浮动：对；
溢出：隐藏；
}
.下拉菜单{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
背景色：继承；
字体家族：继承；
左边距：50像素；
}
.navbar a:悬停，.dropdown:悬停.dropbtn{
背景色：#432064；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
浮动：无；
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#ddd；
}
.下拉：悬停.下拉内容{
显示：块；
}

技术实验室气罐






斯特罗姆·吉夫特能量游戏。
这是一个很好的例子！卢克特·赫特·乔乌姆·赫特
兰普杰·拉滕·布兰登
&抄袭；莱顿技术实验室

如果将

变换：旋转（50度）

设置为元素

const schakkel=document.getElementById（'schakkelar'）.style.transform将向您返回字符串
旋转（50度）

如果要获得实际的
转换
值，需要使用
getComputedStyle
：

然后
window.getComputedStyle（schakkel）.transform
将输出元素的矩阵变换
matrix（0.996195,0.0871557，-0.0871557,0.996195,0,0）

在cstricks上的这篇好文章中可以看到更多关于如何使用它的信息：
如果您将
变换：旋转（50度）
设置到元素中

const schakkel=document.getElementById（'schakkelar'）.style.transform将向您返回字符串
旋转（50度）

如果要获得实际的
转换
值，需要使用
getComputedStyle
：

然后
window.getComputedStyle（schakkel）.transform
将输出元素的矩阵变换
matrix（0.996195,0.0871557，-0.0871557,0.996195,0,0）

在cstricks上的这篇好文章中，可以看到更多关于如何使用它的信息：
这正是您所需要的。
试试这个，你可以去掉剩下的度数。
HTML


let style=$（“#横幅消息”）.attr（'style'）；
设pos=style.indexOf（“（”）+1；
log（style.slice（pos，style.lastIndexOf（“）”）；
这正是您需要的。
试试这个，你可以去掉剩下的度数。
HTML

<div id="banner-message"; style="transform: rotate(360deg)">

</div>

<script>


let style = $("#banner-message").attr('style');
let pos = style.indexOf("(")+1;
console.log(style.slice(pos, style.lastIndexOf(")")));

</script>