CODEWITHSUNDEEP
javascriptlinepointscalculation
user24957
user24957

Reputation: 315

How to find coordinates of a point where 2 points and distance are given with Javascript

I have the coordinates of 2 points A1 (x1,y1) and A2 (x2,y2) and a distance d. I need to find the coordinates of point A3 that is the distance d from point A2 on the linear graph defined by A1 and A2. How can i do that with JavaScript? similar to https://softwareengineering.stackexchange.com/questions/179389/find-the-new-coordinates-using-a-starting-point-a-distance-and-an-angle where the angle is knownenter image description here

Upvotes: 4

Views: 2294

Answers (2)

Oli Crt
Oli Crt

Reputation: 1173

So you have to start from A1 and go to A2 direction by the distance between A1 and A2 + d
Assuming your point are objects of a Point class with x and y properties and a distance method you can do this:

function move_to(origin, direction, dist){
    let dx = direction.x - origin.x;
    let dy = direction.y - origin.y;
    let coef = dist / origin.distance(direction);

    let x = origin.x + dx * coef;
    let y = origin.y + dy *coef;
    return new Point(x, y)
}

move_to(A1, A2, A1.distance(A2) + d)

Here's a simple Point class implementation if you want:

class Point {

    constructor(x, y){
        this.x = x;
        this.y = y;
    }

    distance(point){
        return Math.sqrt((this.x - point.x) ** 2 + (this.y - point.y) ** 2)
    }

}

Upvotes: 2

Noaman Ilyas
Noaman Ilyas

Reputation: 655

var A1 = {
    x : 2,
    y : 2
};

var A2 = {
    x : 4,
    y : 4
};

// Distance
var  d= 2;

// Find Slope of the line
var slope = (A2.y-A1.y)/(A2.x-A1.x);

// Find angle of line
var theta = Math.atan(slope);

// the coordinates of the A3 Point
var A3x= A2.x + d * Math.cos(theta);
var A3y= A2.y + d * Math.sin(theta);

console.log(A3x);
console.log(A3y);

Upvotes: 9

Related Questions