我正在尝试使用 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)
非常感谢任何帮助。
最佳答案
jQuery 的 .css
包装 window.getComputedStyle
,它使用 computed 样式而不是原始样式信息。您可以使用元素上的样式属性来获取实际的字符串:
b1.get(0).style.WebkitTransform
关于javascript - 使用 JQuery 检索 css 属性 scaleX,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19551560/