Javascript 如何将点转换为像素以正确缩放

我试着做和图像突出显示。因此，我拍摄pdf图像预览，根据用户单击的字段（从pdf中提取），它将在图像预览中突出显示该字段

我正在尝试使用css来实现这一点，在css中，图像底部有一个矩形，只需根据字段位置设置一个边距，即可在pdf图像预览中突出显示该字段

问题是我不能完全正确地转换我的利润

所以我知道一英寸有72像素，一英寸有96像素

我真的不知道从哪里开始。我还应该考虑用户的分辨率吗？有我可以使用的图书馆吗

到目前为止，我给出了： 现场位置（以点为单位）， pdf最大高度/宽度（以点为单位）， 图像预览最大高度/宽度（以像素为单位）

---

如何将字段位置转换为像素，以便在图像预览中高亮显示该字段？

将点转换为像素

pdfPointsH/pdfPixelsH=x

pdfPointsW/pdfPixelsW=y

使用比例将点坐标转换为像素坐标，例如：

点x*x=像素x

PointY*y=像素

---

希望能有所帮助。

在javascript中，我们如何获得点的高度和宽度？