javascript – 获取一个div的translate3d值?

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

如何使用jQuery检索这些值?

解决方法

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

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

function getTransform(el) {
    var results = $(el).css('-webkit-transform').match(/matrix(?:(3d)\(\d+(?:,\d+)*(?:,(\d+))(?:,(\d+)),\d+\)|\(\d+(?:,(\d+))\))/)

    if(!results) return [0,0];
    if(results[1] == '3d') return results.slice(2,5);

    results.push(0);
    return results.slice(5,8);
}

猜你在找的JavaScript相关文章