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

我正在尝试突出显示图像。所以我进行pdf图像预览，并根据用户点击的字段（从pdf中提取），它会在图像预览中突出显示该字段。

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

问题是我不能很好地转换我的利润。

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

真的不知道从哪里开始。我是否也应该考虑用户的解决方案？有我可以使用的图书馆吗？

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

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