Get scale jquery

isr3a4wc  于 2024-01-07  发布在  jQuery
关注(0)|答案(1)|浏览(159)

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

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

wbgh16ku1#

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

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

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

展开查看全部

相关问题