使用JQuery檢索css屬性scaleX使用jQuery

我試圖打印出使用JQuery的特定div的屬性。我希望各種css屬性出現在屏幕上的信息面板中。使用JQuery檢索css屬性scaleX使用jQuery

我試圖顯示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）

任何幫助非常感謝。

來源

2013-10-23 Javacadabra

這是什麼_difficultly_你說什麼？事情出錯了？ – adamb

我說的這個難點是，目前這行代碼'$（「＃sizeInfo」）。text（「Size：」+ b1.css（「 - webkit-transform」））;'不會輸出'scaleX' – Javacadabra

@Javacadabra什麼是'b1';什麼是'rotateX'等。人？ –

jQuery的.css換行window.getComputedStyle它使用計算樣式而不是原始樣式信息。您可以使用元素上的樣式屬性來獲取實際的字符串：

b1.get(0).style.WebkitTransform

來源

2013-10-23 20:39:50

使用JQuery檢索css屬性scaleX使用jQuery

回答

相關問題