首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >javascript查找旋转矩形的中心

javascript查找旋转矩形的中心
EN

Stack Overflow用户
提问于 2013-09-08 10:43:14
回答 1查看 590关注 0票数 1

使用Javascript和js库(limeJS),当用户单击某个点时,我正在绘制一个矩形,然后矩形正在旋转,并且正在改变大小(只有宽度、高度是静态的),直到用户释放鼠标按钮。

(hm不能发布图像-需要10个声誉点-所以这里是图像链接http://d.pr/i/KsBQ )

矩形由右上角(图像中的红点)旋转,大小和旋转是基于鼠标光标(蓝点)计算的。

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

我能做到所有这些(找到距离、旋转)和中间,但当右上角(红点) y大于鼠标点(蓝点)y时,我似乎做错了什么。我正在做的是找到左下角,左上角是:

代码语言:javascript
复制
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;
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-09-08 10:51:00

在您描述的情况下,当出现问题时,这两个点的作用是相反的:您有下一个点,并且希望找到上面的那个点。添加一条if语句以检测此情况,并编写识别此反转的代码版本。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18682784

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档