js 获取transform

function getTransform(element) {
    const style = window.getComputedStyle(element);
    return style.transform;
}

// 示例使用
const element = document.querySelector('.my-element');
console.log(getTransform(element)); // 输出如 "matrix(1, 0, 0, 1, 0, 0)" 或 "none"

function getElementStyleTransform(element) {
    return element.style.transform;
}

// 示例使用
const element = document.querySelector('.my-element');
console.log(getElementStyleTransform(element)); // 输出如 "rotate(45deg)" 或 ""

function parseMatrix(matrixStr) {
    const matrixValues = matrixStr.match(/matrix.*\((.+)\)/)[1].split(', ');
    const a = parseFloat(matrixValues[0]);
    const b = parseFloat(matrixValues[1]);
    const c = parseFloat(matrixValues[2]);
    const d = parseFloat(matrixValues[3]);
    const e = parseFloat(matrixValues[4]);
    const f = parseFloat(matrixValues[5]);

    // 这里可以根据需要进一步解析出旋转、缩放等信息
    return { a, b, c, d, e, f };
}

// 示例使用
const element = document.querySelector('.my-element');
const transformStr = getTransform(element);
console.log(parseMatrix(transformStr)); // 输出解析后的矩阵值