css - CSS3透視変換後に要素の2Dスクリーンポイントを見つけるにはどうすればよいですか

Question

「パースペクティブ（1000px）rotateX（45deg）」を使用して変換される画像の子を含むdivタグがあります。ブラウザによって変換が行われた後、画像の子の左上の位置を取得する方法はありますか?

<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>