作者no1kk (心中在下雨)
看板Ajax
標題[問題] 使用滑鼠旋轉物件，中心點問題
時間Tue Feb 25 17:57:36 2014
範例網址
http://jsfiddle.net/9gH7Y/1/
前半段是為 jQuery 新增一個 rotate 的 cssHooks
後面是我做了一個簡單的可以使用滑鼠旋轉物件的功能
但是其中遇到了問題
旋轉之後，物件的 top & left 改變了
以至於之後抓不到正確的物件中心點
變成當物件並非從 0 度開始旋轉的話，無法正確地轉到目標角度
請問是否有妥善的解決方案
感謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 42.69.237.114
1F：推 mmis1000:看不出問題是啥，因為完全沒東西在動... 02/25 19:08
抱歉，沒有說明操作方法
請點右上角的黑色方框以旋轉灰色方塊
2F：→ jenesis:css旋轉有個transform origin就是可以定他的旋轉中心點 02/25 19:37
感謝樓上
http://jsfiddle.net/9gH7Y/2/
我將軸心放到左上角了
但是依然會有 left & top 偏移的問題
最後只好用老方法
在抓取座標時，先暫時將旋轉角度調整回 0
抓到座標之後在改回去
這是旋轉軸在左上角的版本
http://jsfiddle.net/9gH7Y/3/
這是旋轉軸在中心的版本
http://jsfiddle.net/9gH7Y/4/
※ 編輯: no1kk 來自: 36.224.203.121 (02/25 22:41)
3F：推 mmis1000:我有點過，可是ff下完全沒作用 02/26 02:40
4F：→ mmis1000:歐歐歐，原來是用拉的... 02/26 02:46