提问者:小点点

javascript查找旋转矩形的中心


使用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;
}

共1个答案

匿名用户

在你描述的出现问题时的情况中,两个点的作用是颠倒的:你有下面的,想找上面的。添加一个if语句来检测此条件,并编写一个可以识别此反转的代码版本。