javascript - 使用 JQuery 检索 css 属性 scaleX

Question

我正在尝试使用 JQuery 打印出特定 div 的属性。我希望各种 css 属性显示在屏幕上的信息面板中。

我正在尝试显示 scaleX 但遇到很多困难。这是我目前的代码:

//Size Control
$("#slider").change(function () {
    size = $("#slider").val();
    //Update the size of box while dragging
    b1.css({
        "-webkit-transform": "scaleX(" + size / 10 + ") scaleY(" + size / 10 + ") rotate(" + rotation + "deg) rotateX("+ rotateX + "deg) rotateY("+ rotateY + "deg) skew("+ skewX + "deg," + skewY + "deg)",
    });

    $("#sizeInfo").text("Size: " + b1.css("-webkit-transform"));

});

HTML

 <div id="b1"></div>

在信息面板中输出

矩阵 3d(-0.6998933866094739，-0.012216684506098372，0.0000000000000001224646799147353，0，0.012216684506098542，-0.699893 3866094739, 0.0000000000000001224646799147353, 0, 0.00000000000000008421610720791067, 0.0000000000000008720833192322797, 1 , 0, 0, 0, 0, 1)

非常感谢任何帮助。

Answer 1

jQuery 的 .css 包装 window.getComputedStyle，它使用 computed 样式而不是原始样式信息。您可以使用元素上的样式属性来获取实际的字符串:

b1.get(0).style.WebkitTransform