右の画像を見てください。内側にある長方形がエレメントの外枠とします。borderではありません。
エレメントのwidthがW、heightがHで、回転角がθ、ということです。
エレメントの中心は内側の長方形の重心で、さらにそれは、
外側の長方形の重心と一致するので、線分OPの中点になります。
つまり、エレメントの中心の座標からこの中点の座標を引いたものを、
このエレメントのtopとleftに代入すればいい、と言うことです。
図以外の場合では、θからπ/2などを引いたものを扱うことになります。
| 今回は、Matrixを使ってエレメントをその場で回転させます。意地でも。 |
| 右の画像を見てください。 内側にある長方形がエレメントの外枠とします。borderではありません。 エレメントのwidthがW、heightがHで、回転角がθ、ということです。 エレメントの中心は内側の長方形の重心で、さらにそれは、 外側の長方形の重心と一致するので、線分OPの中点になります。 つまり、エレメントの中心の座標からこの中点の座標を引いたものを、 このエレメントのtopとleftに代入すればいい、と言うことです。 |
| 以上をθについて４通り(４つの象限の場合)で場合わけすればいい、ということです。 図以外の場合では、θからπ/2などを引いたものを扱うことになります。 |
| 今回は専ら数学だった気がしますが、サンプルでお茶にヨーグルトを入れます。 |
| 基本的過ぎるサンプル ぶれまくってます |
| top 戻る |