Javascript 使用JQuery检索css属性scaleX

我正在尝试使用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

信息面板中的输出

matrix3d（-0.6998933866094739，-0.012216684506098372，0.000000000000000122466799147353，0，0.012216684506098542，-0.6998933866094739，0.000000000000000122466799147353，0，0.0000000000000000000000841720791067，0.00000000000000008720833192322797，1）

---

非常感谢您的帮助。

jQuery的

.css

包装了

窗口。getComputedStyle

，它使用计算样式而不是原始样式信息。可以使用元素的“样式”属性来获取实际字符串：

b1.get(0).style.WebkitTransform

---

你所说的困难是什么？哪里出了问题？我所说的困难是目前这行代码

$（“#sizeInfo”）.text（“Size:+b1.css（“-webkit transform”）

不输出

scaleX

@Javacadabra的值

b1

；什么是

rotateX

等。只是一个基本的

div

我添加了html

b1.get(0).style.WebkitTransform