css - 元のボックスとスケーリングされたボックスから変換原点を計算します

Question

元のrect1（x1、y1、w1、h1）と既知のスケーリングされたrect2（x2、y2、w2、h2）に基づいて、使用された変換元を見つけるための式は何ですか？rect2はどこにでも配置できるため、再利用可能な式が必要です。

別の言い方をすれば、私は小さな長方形の境界を知っており、正しい変換原点座標（pxまたは％）を適用することによって、より大きな長方形に遷移させたいと考えています。

Answer 1

単純なスケールでは、変換の原点のx座標がtxである距離x1-> txとtx->（x1 + w1）の比率は、スケール後も同じままです。順番に：

（tx-x1）/ w1 =（tx-x2）/ w2

txを解くと、次のようになります。

tx =（w2 /（w2-w1））*（x1-（x2 * w1）/ w2）

分析式はあなたのtyを生み出します。

（az変換で遠近法を使用している場合、この式は間違っていることに注意してください。遠近法の原点もわからない場合は、遠近法の原点と変換の組み合わせが無限になるため、結果は不確定になると思います。同じ結果が得られる原点。遠近法の原点がわかっている場合でも、計算はかなり複雑です。）