CSS 3D는 3D 다음 HTML</p> <pre><code><article> <div></div> </article> </code></pre> <p><code>div</code> 절대적 <code>article</code> 내부 임의의 위치에 위치하며, 임의의 값 Matrix3D로 변환에서, 아이

Question

변환 반대로 용기 변환.

div이 원래 크기로 다시 사각형으로 나타나도록 article을 변형하여 div의 변환을 "역전"하는 방법은 무엇입니까?

여기 상황이 보이는 방법은 다음과 같습니다 http://jsfiddle.net/kBWcc/

참고 :이 경우을 Matrix3D의 사용법은 의무입니다.

Answer 1

나는 웹킷 전용 솔루션 인 WebKitCSSMatrix를 사용하여 반나절을 보았습니다. 여기

해결책 보이는 방법은 다음과 같습니다 http://jsfiddle.net/kBWcc/2/

var t = window.getComputedStyle($('div').get(0)).webkitTransform; 
    , m = new WebKitCSSMatrix(t); 

$('article').css('-webkit-transform', m.inverse()); 
$('div').css('-webkit-transform', m.translate(100, 100));​