function getTranslateXY(element) { const style = window.getComputedStyle(element) const matrix = new DOMMatrixReadOnly(style.transform) return { translateX: matrix.m41, translateY: matrix.m42 } }



matrix 변수 내부에 4x4행렬을 m11, m12, m13 ... m43, m44 일케 표현해놧던데 행렬이 3d를 나타내기 위한 자료구조?가 되는 원리가 먼지 궁금함