jQuery中轉 - 旋轉

我想旋轉一個div（它已經在一個角度> 0，在css中定義）圍繞一箇中心點。

當我通過transformOrigin更改原點時會出現問題，因爲應用了初始旋轉矩陣，然後從另一個點開始旋轉，換句話說 - div被重新定位。這不是我想要實現的。我想在應用轉場時保留div的原始旋轉，然後圍繞中心點應用旋轉。如果它是opengl我只是做翻譯/旋轉/翻譯等，但我不知道如何用CSS/JQ做到這一點。

所以，我認爲你們中的一些人知道一種技術來實現我想要的？我想到的那個來自我的gamedev體驗，那就是本地座標空間，然後我將它的本地div旋轉到本地空間，然後在div的空間中旋轉div。但是我對css/html和爵士樂都不是很好，也許你們中的一些人使用了相同的技術？那太好了，是的。

哦，這裏有一個的jsfiddle，顯示問題：http://jsfiddle.net/3bnhT/1/

你可以看到，它立刻得到的60度的視角（這是問題）旋轉，然後由-60旋轉。

我希望我是清楚的:)

來源

2013-06-20 nullpotent

希望這有助於 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-20 12:02:21

不，不是真的。 – nullpotent

jQuery中轉 - 旋轉

回答

相關問題