计算屏幕坐标系中鼠标方向偏移角度

来源:赵克立博客 分类: 其它 标签:js特效发布时间:2021-08-29 14:52:04最后更新:2021-08-29 14:52:04浏览:41
版权声明:
本文为博主原创文章,转载请声明原文链接...谢谢。o_0。
更新时间:
2021-08-29 14:52:04
温馨提示:
技术类文章有它的时效性,请留意文章更新时间,如发现内容有误请留言指出,防止别人"踩坑",我会及时更新文章

在屏幕中鼠标点击地方为圆心,然后画一条直线,这条直线和以圆心为水平线的夹角度数

/**
 屏幕坐标系,左上角为0,0 分别往右x和下y延伸正数增长
 半径 200
 圆心 x0:0

 全部的起点 x1:200 y1:0

 终点 x2:100 y2:-100(大约值不准确)
 结果应该为 0-90

 终点 x2:0 y2:-200
 结果应该为 90

 终点 x2:-100 y2:-100(大约值不准确)
 结果应该 90-180

 终点 x2:-200 y2:0
 结果应该 180

 终点 x2:-100 y2:100(大约值不准确)
 结果应该 180-270

 终点 x2:0 y2:200
 结果应该 270

 终点 x2:150 y2:100(约等于可能不对,只为判断坐标在上或下不需要精准,)
 结果应该 270度以上


 x0:988, y0:639, x1:1045, y1:639, x2:955, y2:686,  r:57,
 angle:270.000000
 gesture direction: 13
 **/

function getAngle(x0, y0, x1, y1, x2, y2, r) {
    var angle = (Math.acos((x2 - x0) / r) - Math.acos((x1 - x0) / r)) * 180 / 3.141592657;
    if (y2 > y0) {
        // 坐标在下面
        angle = 360 - angle;
    }
    var direction = '';
    if (angle > 337.5 || angle < 22.5) {
        direction = 'right';
    } else if (angle > 22.5 && angle < 67.5) {
        direction = 'right-up';
    } else if (angle > 67.5 && angle < 112.5) {
        direction = 'up';
    } else if (angle > 112.5 && angle < 157.5) {
        direction = 'left-up';
    } else if (angle > 157.5 && angle < 202.5) {
        direction = 'left';
    } else if (angle > 202.5 && angle < 247.5) {
        direction = 'left-down';
    } else if (angle > 247.5 && angle < 292.5) {
        direction = 'down';
    } else if (angle > 292.5 && angle < 337.5) {
        direction = 'right-down';
    }
    return angle + ' ' + direction;

}

console.log(
    "\ntest  : " + getAngle(988, 639, 1045, 639, 955, 686, 57),
    "\n0-22.5   : " + getAngle(0, 0, 200, 0, 190.4, -50.4, 200),
    "\n0-90   : " + getAngle(0, 0, 200, 0, 141.4, -141.4, 200),
    "\n90     : " + getAngle(0, 0, 200, 0, 0, -200, 200),
    "\n90-180 : " + getAngle(0, 0, 200, 0, -141.4, -141.4, 200),
    "\n180    : " + getAngle(0, 0, 200, 0, -200, 0, 200),
    "\n180-270: " + getAngle(0, 0, 200, 0, -141.4, 141.4, 200),
    "\n270    : " + getAngle(0, 0, 200, 0, 0, 200, 200),
    "\n300-   : " + getAngle(0, 0, 200, 0, 141.4, 141.4, 200)
);

2108291630219919985225.png


微信号:kelicom QQ群:215861553 紧急求助须知
点击更换验证码
Win32/PHP/JS/Android/Python