计算某一点绕另一点旋转一定角度后的坐标

最新推荐文章于 2023-06-15 16:36:12 发布

原创最新推荐文章于 2023-06-15 16:36:12 发布 · 7.5k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#计算某一点绕另一点旋转一定角度后的坐标 #计算某一点旋转一定角度后的坐标 #点旋转 #计算坐标

JavaScript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种计算二维平面上任意点绕指定中心点旋转特定角度后的新坐标的算法。该算法适用于计算机图形学、游戏开发等领域中物体旋转效果的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * 计算某一点旋转后的坐标点
 * @param point
 * @param degree
 */
export const calculateRotate = (point, degree) => {
    let x = point.x * Math.cos(degree * Math.PI / 180) + point.y * Math.sin(degree * Math.PI / 180);
    let y = -point.x * Math.sin(degree * Math.PI / 180) + point.y * Math.cos(degree * Math.PI / 180);
    let relativeOriginPoint = {
        x: Math.round(x * 100) / 100,
        y: Math.round(y * 100) / 100
    };
    return relativeOriginPoint;
};

这里是按顺时针旋转计算的，假设中心的坐标为原点的。

若另一点不是原点，则可先将该点坐标转换为相对坐标计算，计算结果再加上中心点o点坐标。

参与计算的点坐标实际计算公式如下：

let x = （point.x-o.x)* Math.cos(degree * Math.PI / 180) + (point.y-o.y) * Math.sin(degree * Math.PI / 180);
let y = -（point.x-o.x)* Math.sin(degree * Math.PI / 180) + (point.y-o.y) * Math.cos(degree * Math.PI / 180);