如何将占位符拖放到PDF文档中

9
我非常好奇像RightSignature和PandaDoc这样的网站如何在PDF上提供拖放功能。基本上,您将PDF上传到他们的网站,然后他们在窗口中显示PDF(所有页面 - 可滚动),然后他们在PDF查看器的侧面有一个面板,其中包含一个或多个表单字段,并且该网站允许您将这些字段拖到PDF上作为占位符。
我明白他们基本上只是记录表单元素放置的X/Y坐标。但从技术角度来看,他们实际上是如何实现的呢?
我知道如何处理PDF上传。我只是不知道如何显示PDF并创建一个覆盖层,使用户可以将字段拖放到其上并记录x、y坐标。这样,当我想要创建该模板的版本时,我就知道在PDF上放置字段的位置了。

1
你可以使用JavaScript轻松实现拖放功能。JQuery使这变得非常简单。一旦用户将物品拖到你的“画布”上,他们基本上只需点击一个按钮即可“保存”他们的布局。然后,您将使用该事件处理程序来捕获他们所做的操作,并对其进行任何想要的处理。 - mwilson
你找到解决方案了吗? - nullable
1个回答

19

好的方式。谢谢。 我正在尝试从您的示例中获取坐标,并尝试将其与FPDI一起使用以在PDF上生成水印。 请问pdfjs和fpdi坐标的X-Y位置之间是否有任何关系? 谢谢。 - rahim.nagori
请您确认一下这个链接?https://github.com/ValerioEmanuele/drag-and-drop-placeholders-into-PDF/issues/1 - rahim.nagori
抱歉打扰一下,不知道在放置占位符后如何从pdfjs中保存pdf文件? - aaa111
1
@aaa111,你需要将JavaScript坐标转换为PDF坐标。请查看此文章(“实现坐标转换函数”部分)以了解两种坐标之间的差异:https://valerioemanuele.tech/placeholder-drag-and-drop-on-a4-format-pdf-from-webapp-2-201902 - Valerio Emanuele
@Valerio 感谢您的回复。我认为已经找到了一种修改 PDF 的方法,我正在使用 pdflib,在此我只需根据坐标放置所需内容并将修改后的 PDF 重新渲染为 pdfjs。 - aaa111

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接