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

时间:2015-12-18 21:09:30

标签: javascript jquery css math pixel

我试图做和图像突出显示。所以我采用pdf图像预览,并根据用户点击的字段(从pdf中提取),它将突出显示图像预览中的字段。

我试图使用css完成此操作,其中在图像底部有一个矩形,只是根据将在pdf图像预览中突出显示该字段的字段位置设置边距。

问题在于我无法为我的利润获得正确的转换。

所以我知道72英寸一英寸,96英寸一英寸。

不知道从那里把它带到哪里。我还应该考虑用户的分辨率吗?我有可以使用的图书馆吗?

到目前为止,我给出的是: 场地位置(以分为单位), pdf最大高度/宽度(以磅为单位), 图像预览最大高度/宽度(以像素为单位)

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

1 个答案:

答案 0 :(得分:1)

将点转换为像素。

  1. pdfPointsH / pdfPixelsH = x
  2. pdfPointsW / pdfPixelsW = y
  3. 使用比例将点坐标转换为像素坐标,例如:
  4. PointX * x = PixelX

    PointY * y = PixelY

    希望有所帮助。