作者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