CSS3 变换从 Matrix 获取scale3d 值
我有以下 CSS 变换矩阵：
-webkit-transform: matrix3d(1.7, 0, 0, 0, 0, 0.38241679238457066, 1.6564291101348998, 0, 0, -1.6564291101348998, 0.38241679238457066, 0, 0, 0, 0, 1);
我知道它代表以下内容：
-webkit-transform: rotateX(77deg) scale3d(1.7, 1.7, 1.7);
您可以在 http://jsfiddle 中看到我的元素。 net/xNVZc/
如何从该矩阵中获取scale3d值？
I have the following CSS Transform matrix:
-webkit-transform: matrix3d(1.7, 0, 0, 0, 0, 0.38241679238457066, 1.6564291101348998, 0, 0, -1.6564291101348998, 0.38241679238457066, 0, 0, 0, 0, 1);
I know that it represents the following:
-webkit-transform: rotateX(77deg) scale3d(1.7, 1.7, 1.7);
You can see my element at http://jsfiddle.net/xNVZc/
How can I get scale3d values from that matrix?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
通过 JavaScript 使用 CSS3 转换和过渡时可能会有点混乱。
看起来 jQuery 在使用 CSS（或 JavaScript）设置的每个转换上都会返回一个矩阵。
另请注意，只能在支持该特定功能的浏览器中检索样式属性（在您的情况下为 -webkit-transform 和 3D 转换）。
CSS3 transforms and transitions can get a bit confusing while working with them via JavaScript.
It seems that jQuery returns a matrix on every transform that is being set with CSS (or JavaScript).
Also notice that one can only retrieve a style property in a browser that supports that particular feature (in your case -webkit-transform and 3D transformations).