笛卡尔坐标到极坐标

时间:2012-01-17 17:06:43

标签: javascript math geometry cartesian polar-coordinates

看一下这里的示例:http://www.brianhare.com/physics/so.html

看一下我正在使用这两个主要功能的console.log:

    function distanceBetween2pts(x1, y1, x2, y2) {
        console.log("Particle: ("+x1+","+y1+") Mouse: ("+x2+","+y2+")");
        //  Pythagoras Theorem
        // PQ = sqrt( (x2-x1)^2 + (y2-y1)^2 )
        var x = (x2-x1);
        var y = (y2-y1);

        this.radius = Math.sqrt(x*x + y*y);
        this.x = x;
        this.y = y;
    }

    function polar2cartesian(R, theta) {
        this.x = R * Math.cos(theta);
        this.y= R * Math.sin(theta);
    }

当鼠标位于粒子的上方和右侧(中心圆)时,例如: enter image description here

控制台日志显示:

Particle: (300,250) Mouse: (326,223)
artan(-27 / 26) = angle: -46.08092418666069 - theta -0.8042638494191191

它应该是arctan(27/26)=角度:46:theta = 0.8。因为即使鼠标位于中心的“上方”,它也会将y2-y1读为-27,因为坐标系统基于左上角的0,0。

然后问题是当X和Y都为负时使θ为正,而它应该指向相反的方向(从中心点向外)。我知道我可以在这里做一个180度的技巧,但我想知道我做错了什么。

2 个答案:

答案 0 :(得分:13)

在Javascript和许多语言中都有一个atan2函数来解决这个问题。它是一个带有2个参数的函数( x y 坐标),因此系统可以将π添加或减去结果以生成正确的角度。而不是打电话

Math.atan(y/x)

你只需要打电话

Math.atan2(y, x)

答案 1 :(得分:2)

不知道你想怎么画线,但其中任何一个都可以解决你的问题。

 theta = Math.atan2(distance.y , distance.x);
 theta = Math.PI + Math.atan2(distance.y , distance.x);