Get scale jquery

isr3a4wc  于 11个月前  发布在  jQuery
关注(0)|答案(1)|浏览(128)

你能告诉我如何使用jquery获取元素的scale值吗?

var scale = $("div").css("scale");
console.log(scale);
div {
  width: 100px;
  height: 100px;
  scale: 0.5;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>TEST</div>
wbgh16ku

wbgh16ku1#

这在运行以下(最低)版本的任何浏览器中都可以正常工作:
| Chrome|边缘|Firefox| Safari|
| --|--|--|--|
| 104 | 104 | 72 |14.1|
我将div的规则改为.test,并将test类赋予div,这导致控制台呈现得非常小。

var scale = $("div").css("scale");

console.log(scale); // "0.5"
.test {
  scale: 0.5;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="test">TEST</div>

有关这些规则的更多信息,请查看这篇 * web.dev * 文章:
"Finer grained control over CSS transforms with individual transform properties"

相关问题