如何在 ECMAScript 中将点转换为极坐标？

Question

我需要将点击位置转换为极坐标。 这是我目前的算法。 Location 是点击在画布上的位置 ({x:evt.clientX, y:evt.clientY})，center 是原点距离 0,0 的偏移量。例如，如果圆以 250、250 为中心，则中心为 {x:250, y:250}。比例是半径的比例。例如，如果圆心的半径通常为 50，比例尺为 0.5，则半径变为 25。（用于放大/缩小）

this.getPolarLocation = function(location){
    var unscaledFromCenter = {
        x: location.x - center.x,
        y: location.y - center.y
    };
    var angle = this.getAngleOnCircle(unscaledFromCenter);
    var dist = Math.sqrt(unscaledFromCenter.x * unscaledFromCenter.x + unscaledFromCenter.y * unscaledFromCenter.y) * this.ds.scale;
    return {
        angle:angle,
        dist:dist,
        toString: function(){
            return "Theta: ".concat(angle).concat("; dist: ").concat(dist);
        }
    };
}

this.getAngleOnCircle = function(location){
    var x = location.x;
    var y = location.y;
    if(x == 0 && y > 0)
        return Math.PI / 2;
    if(x == 0 && y < 0)
        return 3 * Math.PI / 2;
    if(y == 0 && x > 0)
        return 0;
    if(y == 0 && x < 0)
        return Math.PI;
    var angle = Math.atan(y/x);
    if(x > 0 && y > 0)
        return angle;
    if(x < 0)
        return Math.PI + angle
    return Math.PI * 2 + angle;
}

问题的屏幕截图。左边是缩小的情况（并且不应该发生）。右边被放大（比例> = 1），这是应该发生的事情。

我的印象是我的中心坐标略有偏移。它似乎适用于 scale >= 1，但不适用于 scale

来源： circos.html: http://pastie.org/private/cowsjz7mcihy8wtv4u4ag circos.js：http://pastie.org/private/o9w3dwccmimalez9fropa 数据源.js：http://pastie.org/private/iko9bqq8eztbfh8xpvnoaw 在火狐中运行

所以我的问题是：为什么这不起作用？

Answer 1

由于某种原因，当我关闭 firebug 时，程序会自动运行。它似乎不适用于 Firefox 5，只有我拥有的版本（在某处的 3s 中）。无论哪种方式，我都在放弃该项目以寻求更面向对象的东西。当前的算法无法处理基因组。 （这正是我要映射的）

更新：

我发现了问题...我测量的是页面左上角的距离，而不是画布左上角的距离。因此，当启用 firebug 时，屏幕会移动，使问题变得更糟。解决方法是使用 canvas.offsetLeft 和 canvas.offsetTop 计算在画布上的位置。