使用Javascript和js库(limeJS)当用户点击一个点然后矩形正在旋转并改变大小(只有宽度,高度是静态的)直到用户释放鼠标按钮时,我正在绘制一个矩形 .
(hm无法发布图片 - 需要10个声望点 - 所以这里是图片链接http://d.pr/i/KsBQ)
矩形正在右上角旋转(图像中的红点),并且正在根据鼠标光标(蓝点)计算大小和旋转 .
最后,当用户释放鼠标按钮时,我想找到矩形的中心 .
我能够做到这一切(找到距离,旋转)和中心,但是当右上角(红点)y大于鼠标点(蓝点)y时,似乎我做错了中心 . 我正在做的是找到左下角,我左上角:
var BOX_HEIGHT = 20;
// pos: upper right rectangle's position (red dot), mpos: mouse position (blue dot), rotation: rectangle's rotatio
test.GetCenter = function(pos, mpos, rotation)
{
var dpos = {}, ret = {}, rot = (Math.abs(rotation) + 90) ;
// find down left corner
dpos.x = BOX_HEIGHT * Math.cos(rot * Math.PI / 180) + mpos.x;
dpos.y = BOX_HEIGHT * Math.sin(rot * Math.PI / 180) + mpos.y;
ret.x = Math.abs((pos.x + dpos.x) / 2);
ret.y = Math.abs((pos.y + dpos.y) / 2);
return ret;
}