javascript - 如何将以英尺为单位的坐标 (x, y) 转换为像素

Question

我在英尺中有对象(在我的例子中是天线)的实时位置(x，y)，我想在 fabricJs Canvas 上显示它们(宽度:400px 和高度: 400 像素)以像素 为单位，但是我不知道将英尺测量值转换为像素 的公式。

Answer 1

您可能希望将 map 缩小到 400 像素 x 400 像素的网格。假设您有一个 l x w 大小的实时 map ，您可以执行以下操作:

function positionToPixels(x, y) { 
    //You may want to parseInt or something
    let newX = 400 * x / w;
    let newY = 400 * y / l;
    return [newX, newY];
}

我们所做的只是说原始对象到边缘的距离将与映射对象到其边缘的距离成正比