大家好。
我想围绕一个中心点旋转一个div(在css中定义的角度> 0)。
当我通过transformOrigin改变原点时，问题出现了，因为应用了初始旋转矩阵，然后从另一个点开始旋转，换句话说-div被重新定位。这不是我想要达到的目标。我想在应用过渡时保留div的原始旋转，然后在中心点周围应用旋转。如果它是opengl，我只是做翻译/旋转/翻译等，但我不知道如何做css/jq。
所以，我想你们中的一些人知道一种技术来实现我想要的?我的想法来自我的游戏开发经验，那是局部坐标空间，然后我会在局部空间中旋转我的div，并在div周围的空间中旋转该div。但我不太擅长css/html之类的东西，也许你们中有人用过同样的技术?那太好了。
哦，这里有一个显示问题的jsfiddle: http://jsfiddle.net/3bnhT/1/
你可以看到它立即旋转了60度(这是问题所在)，然后旋转了-60度。
我希望我说得很清楚:)
希望这对你有帮助http://jsfiddle.net/rachit_doshi/ZZ28s/
<img class="imageView" src="http://fc02.deviantart.net/fs70/i/2012/164/6/2/ej_colored_doodle_by_sweetwatermelonsweet-d53b5tq.jpg" style="max-width:350px;max-height:350px;"></img>
<input type="hidden" id="angleInput" value="90" />
<input type="button" value="Rotate Right Side" id="right" />
<input type="button" value="Rotate Left Side" id="left" />