Как найти 2D-точку экрана элемента после преобразования перспективы CSS3

Question

У меня есть тег div, содержащий дочерний элемент изображения, который преобразуется с использованием «перспективы (1000 пикселей) 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() [ "преобразование"] matrix3D значения для преобразования (10,10), если да, то каким образом?

Заранее спасибо

--Hari

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>