良い一日。
中心点を中心に div (すでに css で定義された角度 > 0 にある) を回転させたいと思います。
を介して原点を変更すると、問題が発生します。これはtransformOrigin
、最初の回転行列が適用されてから、別のポイントから回転が開始されるためです。つまり、div が再配置されます。そして、それは私が達成しようとしていることではありません。トランジションが適用されたときにdivの元の回転を保持し、中心点を中心に回転を適用したいと思います。それがopenglの場合、翻訳/回転/翻訳などを行うだけですが、css/jqでそれを行う方法がわかりません。
それで、私が望むものを達成するためのテクニックを知っている人がいると思いましたか? 私が念頭に置いているのは、ゲーム開発の経験から得たもので、それはローカル座標空間です。次に、そのローカル空間で div を回転させ、周囲の div の空間でその div を回転させます。しかし、私は css/html とそのすべてのジャズが得意ではありません。おそらく、同じ手法を使用した人もいますか? それは素晴らしいでしょう、ええ。
ああ、ここに問題を示す jsfiddle があります: http://jsfiddle.net/3bnhT/1/
すぐに 60 度回転し (これが問題です)、-60 度回転することがわかります。
私が明確だったことを願っています:)