Question

美好的一天。

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

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

所以，我认为你们中的一些人知道一种技术可以达到我的目的吗？我想到的那个来自我的gamedev体验和那个局部坐标空间，然后我会在它的局部空间中旋转我的div，并在周围div的空间中旋转该div。但是我对css / html和所有那些爵士乐都没有那么好，也许你们中的一些人使用了相同的技术？那会很棒，是的。

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

你可以看到它立即被旋转60度（这是问题），然后旋转-60。

我希望我很清楚：）

Answer 1

希望这会有所帮助 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" />

jQuery传输 - 旋转

1 个答案: