如何将 HTML 坐标转换为 PDF 坐标（pdf-lib、javaScript）答案

【问题标题】：How to convert HTML coordinates into PDF coordinates(pdf-lib, javaScript)如何将 HTML 坐标转换为 PDF 坐标（pdf-lib、javaScript）
【发布时间】：2021-05-10 19:20:43
【问题描述】：

我需要做的是将 png 图像拖动到某个坐标并使用 pdf-lib 将此图像插入 PDF 文档。但我发现 pdf 坐标与 HTML 坐标不同。有没有办法将 HTML 鼠标坐标转换为 PDF 坐标？我正在使用 iframe 呈现此 PDF。

提前感谢您提供任何有用的信息。

【问题讨论】：

请通过包含重现问题所需的最短代码将其设为minimal reproducible example
但这就是问题所在。我没有代码，因为我不知道算法应该是什么样子。
你目前有什么？
我已经实现了 pdf 加载、png 加载、png 根据鼠标坐标移动，现在我想在坐标上插入该图像，但是当我尝试这样做时，它只会使用动态偏移（当我将图像放置在更靠近右侧站点的位置时，插入的图像更靠近右侧站点，左侧站点也是如此）

标签： javascript pdf iframe

【解决方案1】：

好的，我现在为将来需要此功能的任何人提供答案：在 pdf-lib 中有使用的点而不是像素。点大多是 72dpi，几乎是 1 英寸。像素比 72dpi 大 0.75 倍（实际上更小，但由于相乘而更大），因此您需要做的是将鼠标坐标（或其他）乘以 0.75。然后你需要调整偏移量，你就可以开始了！希望有人觉得这很有用。

【讨论】：