[問題] 使用滑鼠旋轉物件,中心點問題

看板Ajax作者 (心中在下雨)時間11年前 (2014/02/25 17:57), 編輯推噓3(302)
留言5則, 3人參與, 最新討論串1/1
範例網址 http://jsfiddle.net/9gH7Y/1/ 前半段是為 jQuery 新增一個 rotate 的 cssHooks 後面是我做了一個簡單的可以使用滑鼠旋轉物件的功能 但是其中遇到了問題 旋轉之後,物件的 top & left 改變了 以至於之後抓不到正確的物件中心點 變成當物件並非從 0 度開始旋轉的話,無法正確地轉到目標角度 請問是否有妥善的解決方案 感謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 42.69.237.114

02/25 19:08, , 1F
看不出問題是啥,因為完全沒東西在動...
02/25 19:08, 1F
抱歉,沒有說明操作方法 請點右上角的黑色方框以旋轉灰色方塊

02/25 19:37, , 2F
css旋轉有個transform origin就是可以定他的旋轉中心點
02/25 19:37, 2F
感謝樓上 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)

02/26 02:40, , 3F
我有點過,可是ff下完全沒作用
02/26 02:40, 3F

02/26 02:46, , 4F
歐歐歐,原來是用拉的...
02/26 02:46, 4F

03/11 09:26, , 5F
http://goo.gl/LZio3A 問題原因應該在這邊
03/11 09:26, 5F
文章代碼(AID): #1J36aKET (Ajax)
文章代碼(AID): #1J36aKET (Ajax)