Wie berechnet man einen Winkel von Punkten?

Möchte ich, um eine einfache Lösung zu berechnen, die den Winkel einer Linie (wie ein Zeiger einer Uhr).

Ich habe 2 Punkte:

cX, cY - the center of the line.
eX, eY - the end of the line.

The result is angle (0 <= a < 360).

Welche Funktion ist in der Lage, diesen Wert?

InformationsquelleAutor der Frage durumdara | 2012-03-08

  1. 78

    Du willst den Arkustangens:

    dy = ey - cy
dx = ex - cx
theta = arctan(dy/dx)
theta *= 180/pi //rads to degs

    Erm, beachten Sie, dass die oben genannten ist offensichtlich nicht kompilieren von Javascript-code. Du musst schauen Sie durch die Dokumentation für die Arkustangens Funktion.

    Edit: Mit Math.atan2(y,x) wird sich um alle Sonderfälle und zusätzliche Logik für Sie:

    function angle(cx, cy, ex, ey) {
  var dy = ey - cy;
  var dx = ex - cx;
  var theta = Math.atan2(dy, dx); //range (-PI, PI]
  theta *= 180 / Math.PI; //rads to degs, range (-180, 180]
  //if (theta < 0) theta = 360 + theta; //range [0, 360)
  return theta;
}

    InformationsquelleAutor der Antwort Christian Mann

  2. 0

    Einer das Problem mit dem bekommen der Winkel zwischen zwei Punkten oder beliebige Winkel ist die Referenz, die Sie verwenden.

    In der Mathematik verwenden wir die trigonometrischen Kreis mit dem Ursprung und der rechten Seite des Kreises (ein Punkt in x=radius y=0) und Messen Sie die Winkel gegen den Uhrzeigersinn von 0 bis 2PI.

    In der Geographie die Heimat ist der Norden bei 0 Grad und wir gehen im Uhrzeigersinn um 360 Grad.

    Den folgenden code (in C#) liefert den Winkel im Bogenmaß wandelt dann auf einer geografischen Winkel:

        public double GetAngle()
    {
        var a = Math.Atan2(YEnd - YStart, XEnd - XStart);
        if (a < 0) a += 2*Math.PI; //angle is now in radians

        a -= (Math.PI/2); //shift by 90deg
        //restore value in range 0-2pi instead of -pi/2-3pi/2
        if (a < 0) a += 2*Math.PI;
        if (a < 0) a += 2*Math.PI;
        a = Math.Abs((Math.PI*2) - a); //invert rotation
        a = a*180/Math.PI; //convert to deg

        return a;
    }

    InformationsquelleAutor der Antwort pasx

  3. 0

    Wenn Sie mit Leinwand, werden Sie bemerken (wenn Sie nicht bereits haben), die Leinwand verwendet, Drehung im Uhrzeigersinn(MDN) und y Achse gespiegelt. Um konsistente Ergebnisse zu erhalten, die Sie benötigen, zu optimieren Ihrer angle Funktion.

    Von Zeit zu Zeit muss ich schreiben, diese Funktion und jedes mal muss ich nachschauen, weil ich nie an die Unterseite der Berechnung.

    Während die vorgeschlagenen Lösungen arbeiten, nehmen Sie nicht das canvas-Koordinatensystem berücksichtigt. Untersuchen Sie die folgenden demo:

    Berechnen Winkel von Punkte - JSFiddle

    function angle(originX, originY, targetX, targetY) {
    var dx = originX - targetX;
    var dy = originY - targetY;

    //var theta = Math.atan2(dy, dx);  //[0, Ⲡ] then [-Ⲡ, 0]; clockwise; 0° = west
    //theta *= 180 /Math.PI;          //[0, 180] then [-180, 0]; clockwise; 0° = west
    //if (theta < 0) theta += 360;     //[0, 360]; clockwise; 0° = west

    //var theta = Math.atan2(-dy, dx); //[0, Ⲡ] then [-Ⲡ, 0]; anticlockwise; 0° = west
    //theta *= 180 /Math.PI;          //[0, 180] then [-180, 0]; anticlockwise; 0° = west
    //if (theta < 0) theta += 360;     //[0, 360]; anticlockwise; 0° = west

    //var theta = Math.atan2(dy, -dx); //[0, Ⲡ] then [-Ⲡ, 0]; anticlockwise; 0° = east
    //theta *= 180 /Math.PI;          //[0, 180] then [-180, 0]; anticlockwise; 0° = east
    //if (theta < 0) theta += 360;     //[0, 360]; anticlockwise; 0° = east

    var theta = Math.atan2(-dy, -dx); //[0, Ⲡ] then [-Ⲡ, 0]; clockwise; 0° = east
    theta *= 180 / Math.PI;           //[0, 180] then [-180, 0]; clockwise; 0° = east
    if (theta < 0) theta += 360;      //[0, 360]; clockwise; 0° = east

    return theta;
}

    InformationsquelleAutor der Antwort akinuri

Schreibe einen Kommentar