我操纵一个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