Question

我有一个div标签包含一个图像子项，使用“perspective（1000px）rotateX（45deg）”进行转换。有没有办法在浏览器完成转换后获取图像子项的顶部左侧位置？

<div id="parent">
   <div id="child" style="transform: perspective(1000px) rotateX(45deg)">
   <img src="<path>" style="position:absolute; top:10px;left:10px"/>
 </div>
</div>

是否可以使用getComputedStyle（）[“transform”] matrix3D值进行转换（10,10），如果是这样的话怎么样？

提前致谢

- 哈

Answer 1

试试此代码。

<div style="-webkit-perspective: 800; perspective: 800; margin: 50px 0 50px 50px">
    <iframe src="http://www.abmuku.com/wp-content/uploads/2012/04/google-logo-small.jpg" style="-webkit-transform: rotate3d(0, 1, 1, 30deg); transform: rotate3d(0, 1, 1, 30deg); border:0;"></iframe>
</div>

如何在CSS3透视转换后找到元素的2D屏幕点

1 个答案: