1

divJQuery を使用して特定のプロパティを出力しようとしています。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>

情報パネルに出力

matrix3d(-0.6998933866094739, -0.012216684506098372, 0.0000000000000001224646799147353, 0, 0.012216684506098542, -0.6998933866094739, 0.0000000000000001224646799147353, 0, 0.00000000000000008421610720791067, 0.00000000000000008720833192322797, 1, 0, 0, 0, 0, 1)

どんな助けでも大歓迎です。

4

1 に答える 1

2

生のスタイル情報ではなく、計算されたスタイルを使用するjQuery の.cssラップ。要素の style プロパティを使用して、実際の文字列を取得できます。window.getComputedStyle

b1.get(0).style.WebkitTransform
于 2013-10-23T20:39:50.723 に答える