使用css transform 矩阵 旋转如何获取元素的left？

Question

获取到矩阵之后怎么计算旋转中的left 和 top呢？

<div style="width:100px;height:50px;">
</div>
div.style.transform = `rotateZ(45deg)`
// 获取矩阵
let transform = window.getComputedStyle(div)['transform'],
    matrix = transform.slice(7, -1).split(',')

Answer 1

旋转和left, top无关啊
如果是div要用三角函数算了

left = 100*cos(45/180*Math.PI)
right = 100*sin(45/180*Math.PI)