2013-10-23 4 views
1

JQuery를 사용하여 특정 div의 속성을 인쇄하려고합니다. 다양한 css 속성이 화면의 정보 패널에 나타나기를 바랍니다.JQuery를 사용하여 CSS 속성 scaleX를 검색하십시오.

나는 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)

01,

도움을 주시면 감사하겠습니다.

+0

이 중 어떤 것은 당신이 말하고있는 것입니까? 일이 잘못 되었나요? – adamb

+0

이 어려운 점은 현재이 줄의 코드'$ ("# sizeInfo"). text ("Size :"+ b1.css ("- webkit-transform"));'는 'scaleX' – Javacadabra

+0

@Javacadabra 무엇이'b1'입니까; 'rotateX' 란 무엇입니까? 알았어? –

답변

2

jQuery의 .css은 이며 은 원시 스타일 정보가 아닌으로 계산됩니다. 요소의 style 속성을 사용하여 실제 문자열을 얻을 수 있습니다.

b1.get(0).style.WebkitTransform 
관련 문제