javascript - 使用 JS 或 Jquery 读取 css 比例值

Question

我有这个div

<div style="transform: scale(2,3)"></div>

如何获取

transform: scale(x,y) 

使用 JS 或 jQuery 的元素。

$('#id').css('transform') 

给我矩阵，但我需要我的元素的实际比例值。或者，如果我无法直接获得比例，那么如果我有

，那么将矩阵()转换为比例的计算是什么

var mt = matrix(....); how do I then convert mt[0] and mt[3] to actual scale values.

Answer 1

var m = $('#id').css('transform');
var mt = m.substring(m.indexOf('(') + 1, m.indexOf(')')).split(',');
// or else: var mt = m.substring(7, m.length - 1).split(',');
console.log(mt[0], mt[3]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='id' style="transform: scale(2,3)"></div>

您可以在数组元素前放置一个加号，以确保它们被视为数字。