0

再会。

我想围绕一个中心点旋转一个 div(它已经在一个 > 0 的角度,在 css 中定义)。

当我通过 更改原点时会出现问题transformOrigin,因为应用了初始旋转矩阵,然后旋转从另一个点开始,换句话说 - div 被重新定位。这不是我想要达到的目标。我想在应用过渡时保留 div 的原始旋转,然后围绕中心点应用旋转。如果是opengl,我只会做翻译/旋转/翻译等等,但我不知道如何用css/jq来做。

所以,我想你们中的一些人知道实现我想要的技术吗?我想到的来自我的游戏开发经验,那就是本地坐标空间,然后我会在本地空间中旋转我的 div,并在周围 div 的空间中旋转该 div。但是我对 css/html 和所有那些爵士乐不太擅长,也许你们中的一些人使用了相同的技术?那会很棒,是的。

哦,这是一个显示问题的 jsfiddle:http: //jsfiddle.net/3bnhT/1/

您可以看到它立即旋转了 60 度(这是问题所在),然后旋转了 -60。

我希望我很清楚:)

4

1 回答 1

0

希望这有助于 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" />
于 2013-06-20T12:02:21.800 回答