画像を矩形からはみださないように回転させる方法

前回は画像を矩形のなかで回転させました。このとき上下または左右に空白ができてしまいました。今回は4つの頂点が内接している状態で回転させます。この場合、画像は長方形ではなくなります。

まず原点を中心にして画像を回転させたときのことを考えます。そのとき頂点のなかにはx座標とy座標がマイナスになるものがでてくるので、平行移動させて2点が矩形の辺のうえにある状態にします。そのあと矩形にあわせて拡大・縮小すれば矩形に内接した状態で回転させることができます。