CSS 3D变换 - 获取变换元素的屏幕坐标

时间:2012-11-09 17:35:16

标签: css3 css-transforms

  

可能重复:
  How to get screen position of CSS3-3d transformed elements?

玩CSS 3D变换,我想要抓住变换元素的屏幕坐标(边界框的角落) - 有没有提供此功能的API?

如果没有直接获取它们的方法,如果我知道的话,我可以从当前matrix3d计算它们。应用的变换通常看起来像

rotateY(40deg) translateZ(-450px) translateY(43.959403439996905px)

这是我阅读element.style.webkitTransform时返回的内容。但是,Chrome开发工具中的Computed Style明确地将其作为例如。

-webkit-transform: matrix3d(0.07660444431189782, 0, -0.06427876096865393, 0, 
0, 0.1, 0, 0, 0.6427876096865393, 0, 0.7660444431189781, 0, 
-252.8460175498463, 39.09830093383789, -222.5671108990365, 1);

这让我觉得即使没有以这种方式指定transform,也可能在某处以某种方式以编程方式获取整个矩阵。

这只是为了娱乐和学习,所以任何Webkit / Chrome特定的都可以。

0 个答案:

没有答案