Question

使用Javascript和js库（limeJS）当用户点击一个点然后矩形正在旋转并且改变大小（仅宽度，高度是静态的）直到用户释放鼠标按钮时，我正在绘制一个矩形。

（hm无法发布图片 - 需要10个声望点 - 所以这里是图片链接http://d.pr/i/KsBQ）

矩形正在右上角旋转（图像中的红点），并且正在根据鼠标光标（蓝点）计算尺寸和旋转。

最后，当用户释放鼠标按钮时，我想找到矩形的中心。

我能够做到这一切（找到距离，旋转）和中心但是当右上角（红点）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;
}

Answer 1

在您遇到问题时描述的情况下，两个点的角色相反：您有较低的一个并想要找到鞋帮。添加if语句以检测此情况，并编写可识别此反转的代码版本。

javascript查找旋转矩形的中心

1 个答案: