javascript - 获取转换后的宽度：缩放元素

Question

我有 2 个元素。一个在 CSS 中按比例缩小

.firstElement{
-webkit-transform:scale(.5,.5);
}

另一个由 jQuery 内联缩放

secondElement.animate({scale:.2, origin:[0,0])}

在按比例缩小后，我需要获取 secondElement 和 firstElement 的宽度和高度（以像素为单位）。我尝试了一切，我真的不知道为什么我不能得到这个。有人有想法么？谢谢

Answer 1

var matrix = window.getComputedStyle(this).webkitTransform,
        data;
    if (matrix != 'none') {
        data = matrix.split('(')[1].split(')')[0].split(',');
    } else {
        data = [1,null,null,1];
    }

代码礼貌：CSS 技巧

小提琴演示