如何在jQuery中获取变换矩阵和matrix3d值？

Question

我有各种元素执行各种变换动画，我需要获取它们的值

• 平移X
• 平移Y
• translateZ
• rotateX
• 旋转Y
• rotateZ

• 尺度

  $（＆＃39; .selector＆＃39）的CSS。（＆＃39;变换＆＃39）;

有时它会给我一个矩阵（）有时候是矩阵3d，我不知道如何才能安全地获得我需要的值。

我需要的是，无论当前变换是矩阵还是矩阵3d，我都需要以上所有值，即使它们是未定义的或NaN。

Answer 1

我设法通过$('.selector').data('key','value')获得了一些工作。我们的想法是在更改动画并结束动画后获取这些值。

所以简而言之：

• 动画结束时

$('.selector').data('translateX', translateXvalue);

• 当新动画开始时，我可能需要将此translateX值作为起点

var previousX =  $('.selector').data('translateX');

我知道还有其他一些使用三角法计算矩阵值的方法，但这非常适合我的需要。这适用于2D动画，有点邋with 3D，它更好，我认为也更多的性能驱动。

我希望这对某人有所帮助，祝你好运。