三维坐标旋转转换公式（JavaScript）

最新推荐文章于 2025-06-25 13:22:12 发布

原创最新推荐文章于 2025-06-25 13:22:12 发布 · 8.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#三维坐标 #JavaScript

本文提供了一种基于右手坐标系的三维旋转方法，通过JavaScript实现了绕x轴、y轴和z轴的旋转函数。这些函数能够帮助开发者理解并实现物体在三维空间中的精确旋转。

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

此方法以右手坐标系为准

function rotate_z(x, y, z, angle) {
    var atopi = angle / 180 * Math.PI;
    var xtoz = x * Math.cos(atopi) - y * Math.sin(atopi);
    var ytoz = y * Math.cos(atopi) + x * Math.sin(atopi);
    var ztoz = z;
    return "开始位置：(" + x + "," + y + "," + z + ")" + "绕z轴旋转" + angle + "°，得到新的位置:（" + xtoz.toFixed(2) + "," + ytoz.toFixed(2) + "," + ztoz.toFixed(2) + ")";
}

function rotate_x(x, y, z, angle) {
    var atopi = angle / 180 * Math.PI;
    var ztox = z * Math.cos(atopi) - y * Math.sin(atopi);
    var ytox = y * Math.cos(atopi) + z * Math.sin(atopi);
    var xtox = x;
    return "开始位置：(" + x + "," + y + "," + z + ")" + "绕x轴旋转" + angle + "°，得到新的位置:（" + xtox.toFixed(2) + "," + ytox.toFixed(2) + "," + ztox.toFixed(2) + ")";

}

function rotate_y(x, y, z, angle) {
    var atopi = angle / 180 * Math.PI;
    var xtoy = x * Math.cos(atopi) - z * Math.sin(atopi);
    var ztoy = z * Math.cos(atopi) + x * Math.sin(atopi);
    var ytoy = y;
    return "开始位置：(" + x + "," + y + "," + z + ")" + "绕y轴旋转" + angle + "°，得到新的位置:（" + xtoy.toFixed(2) + "," + ytoy.toFixed(2) + "," + ztoy.toFixed(2) + ")";
}