Question

I have two sets of pixel coordinates that represent a bounding box:

top left: 
x: 19757934
y: 25240264

bottom right: 
x: 19759195
y: 25240776

I need to convert another point’s coordinates, that are on a different number range into the above range, maintaining the original ratio (to find out where this point is located within the bounding box).

x: 423
y: 142

Answer 1

Suppose there is a box the user clicks on, which does something to a “result” box somewhere else, like a scaled down box.

var from_coords = {x1:50,y1:80,x2:150,y2:180};
var to_coords = {x1:200,y1:230,x2:400,y2:430};
function translate(input_coords) { // input_coords = {x:123,y:123}
    return {
        x:to_coords.x1+(input_coords.x-from_coords.x1)*(to_coords.x2-to_coords.x1)/(from_coords.x2-from_coords.x1),
        y:to_coords.y1+(input_coords.y-from_coords.y1)*(to_coords.y2-to_coords.y1)/(from_coords.y2-from_coords.y1)
    };
}

console.log(translate({x:123,y:123}); // outputs {x:346,y:316}