可能重复:
如何获取 CSS3-3d 转换元素的屏幕位置?
在玩 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 的东西都可以。