使用jquery获取元素的-webkit-transform的值

前端之家收集整理的这篇文章主要介绍了使用jquery获取元素的-webkit-transform的值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我操纵一个div与新的酷css3方式进行这样的转换:
$("#thediv").css("-webkit-transform","translate(-770px,0px)");

后来在脚本中,我想得到这样的转换的价值:

$("#thediv").css("-webkit-transform");

它返回这样的矩阵:matrix(1,0,0,1,-770,0)

我不能弄清楚的是如何获得这个矩阵的第五个值(-770)…

有什么建议么?
谢谢!

解决方法

您的矩阵是一个4×4变换矩阵:

-770对应于vx。要提取它,构造一个WebkitCSSMatrix对象:

var style = window.getComputedStyle($('#thediv').get(0));  // Need the DOM object
var matrix = new WebKitCSSMatrix(style.webkitTransform);

console.log(matrix.m41);  // -770

猜你在找的jQuery相关文章