javascript - 我如何从缩放的 div 中获取坐标？

Question

如何从调整大小的 div 中获取缩放坐标？我想做的是在小图像上绘制一个正方形(例如:320x240)。告诉我绘制这个正方形的数据集实际上是从更大的图像中获取其坐标(例如:640x480)。我可能应该在小学时多加注意，因为这个公式可能有一个名字。

https://cdn.discordapp.com/attachments/265311809475444737/328765651176914944/video.mov

在视频链接中，您可以看到汽车并不总是在盒子里。部分原因是人工智能尚未接受足够的训练，但你可以看到，当它确实看到一辆车时，盒子并不总是在它周围。直到它接近图像的左上角。

只要让我知道计算所需的公式名称就足够了:D 或者指向执行此操作的 javascript 方法的链接会更好:D 谢谢!

正方形的原始数据示例、其在 640x480 图像上的坐标和大小: {x:34，y:25，高度:30，宽度:30}

如何获取显示图像(例如320x240)的信息？ {x:?,y:?,高度:?,宽度:?}

Answer 1

我认为这个公式的正确名称是三法则:

var div={x:34,y:25,height:30,width:30};
var img={x:34,y:25,height:240,width:320}
var scale=Math.min(div.height/img.height,div.width/img.width);
img.heigth*=scale;
img.width*=scale;