javascript – 获取一个div的translate3d值?

前端之家收集整理的这篇文章主要介绍了javascript – 获取一个div的translate3d值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
说一个div适用于它:
  1. -webkit-transform: translate3d(0px,-200px,0px)

如何使用jQuery检索这些值?

解决方法

取决于是否设置了z值,该值将被存储为矩阵或matrix3d.假设没有其他变换,对于2D矩阵,X和Y是最后两个值.对于3D矩阵,X,Y,Z,1是最后四位数.

您可以使用正则表达式获取值:

  1. function getTransform(el) {
  2. var results = $(el).css('-webkit-transform').match(/matrix(?:(3d)\(\d+(?:,\d+)*(?:,(\d+))(?:,(\d+)),\d+\)|\(\d+(?:,(\d+))\))/)
  3.  
  4. if(!results) return [0,0];
  5. if(results[1] == '3d') return results.slice(2,5);
  6.  
  7. results.push(0);
  8. return results.slice(5,8);
  9. }

猜你在找的JavaScript相关文章