Как найти матрицу преобразования из правила поворота CSS (deg)?

Question

Скажем, у меня есть div, который имеет правило CSS transform: rotate(15deg). Если я использую JQuery для чтения вычисляемого CSS-преобразования элемента, я вижу, что браузер преобразовал преобразование rotate(15deg) в значение matrix(0.965926, 0.258819, -0.258819, 0.965926, 0, 0).

Я знаю значение вращения в градусах, и я бы хотел рассчитать эту матрицу вращения без запроса DOM. Как программно рассчитать матрицу вращения элемента от вращения в градусах?

Answer 1

Хорошо, я выяснил решение, используя this answer.

1. Преобразование значения степени в радианы: var radians = degrees * Math.PI/180.
2. Построить матрицу вращения, используя этот шаблон: matrix(a,b,c,d,e,f)
   • a = Math.cos(radians)
   • b = Math.sin(radians)
   • c = -b
   • d = a
   • e = 0
   • f = 0

Вычисленные значения CSS в браузере округлены до 6 знаков после запятой, поэтому для того, чтобы соответствовать, что именно вы можете добавить дополнительный этап:

a = parseFloat(a.toFixed(6))