重複の可能性:
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 固有のものであれば問題ありません。