微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用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

原文地址:https://www.jb51.cc/jquery/184376.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐