1

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

1 回答 1

0

在您描述的出现问题的情况下,两个点的作用是相反的:您拥有较低的点并想找到较高的点。添加一个 if 语句来检测这种情况,并编写一个可以识别这种反转的代码版本。

于 2013-09-08T10:51:00.573 回答