Javascript 如何从CSS变换旋转（deg）规则中找到变换矩阵？_Javascript_Html_Css_Math_Geometry

Javascript 如何从CSS变换旋转（deg）规则中找到变换矩阵？

javascript html css math geometry

Javascript 如何从CSS变换旋转（deg）规则中找到变换矩阵？,javascript,html,css,math,geometry,Javascript,Html,Css,Math,Geometry,假设我有一个div，它应用了CSS规则transform:rotate（15度）。如果我使用JQuery读取元素的计算CSS变换，我会看到浏览器已经将旋转（15度）变换转换为矩阵的值（0.965926，0.258819，-0.258819，0.965926，0，0）我知道以度为单位的旋转值，我想在不查询DOM的情况下计算这个旋转矩阵。如何以编程方式从旋转角度计算元素的旋转矩阵？好的，我已经用将度值转换为弧度：var radians=degrees*Math.PI/180 使用以下模式构建旋转

假设我有一个

div

，它应用了CSS规则

transform:rotate（15度）

。如果我使用JQuery读取元素的计算CSS变换，我会看到浏览器已经将

旋转（15度）

变换转换为

矩阵的值（0.965926，0.258819，-0.258819，0.965926，0，0）

我知道以度为单位的旋转值，我想在不查询DOM的情况下计算这个旋转矩阵。如何以编程方式从旋转角度计算元素的旋转矩阵？

好的，我已经用

将度值转换为弧度：

var radians=degrees*Math.PI/180

使用以下模式构建旋转矩阵：

矩阵（a、b、c、d、e、f）

```
a=Math.cos（弧度）
```
```
b=Math.sin（弧度）
```
```
c=-b
```
```
d=a
```
```
e=0
```
```
f=0
```

浏览器中计算的CSS值四舍五入到小数点后6位，因此为了精确匹配，您可以添加以下附加步骤：

a = parseFloat(a.toFixed(6))

这更多的是关于数学：，6参数表示一个

3x3

矩阵中的上

2x3

。