それは私が数学で恐ろしいことだと述べることから始めましょう。
長方形の位置を変えて回転させようとしています。ただし、0,0ではなく、座標がどれだけシフトしたかに応じて、長方形を回転させる必要があります。それはあまり意味がないと確信しているので、必要なものを説明するのに役立つスケッチをいくつか作成しました。
上の画像は、0%から100%に移動する赤い長方形の3つの段階を示しています。赤い長方形のX座標とY座標(赤い長方形の左上)は、青い長方形の高さのパーセンテージのみを移動します。
赤い長方形は回転できます。上から見た真ん中の例(「距離-50%」)のみに注目すると、赤い長方形が青い長方形の高さの-50に再配置され、上の画像の新しい角度は-45°になります。0、0ポイントから回転しています。
今、私の問題は、その回転点がその位置を反映するようにしたいということです。
赤と青の長方形は同じサイズですが、幅と高さが反対です。赤い長方形の0,0座標は、青い長方形の高さの-50%になり、幅と高さが反対になるため、回転点を赤い長方形の幅の50%(または青い長方形の50%)にします。高さ、これは同じことです)。
赤い長方形にその幅の50%で回転するように具体的に指示するのではなく、私が望むことを行うために、回転点が反映するように赤い長方形のX座標とY座標を配置する式を使用してそれをエミュレートする必要がありますその位置。