【问题标题】:How to drag placeholders onto a PDF如何将占位符拖到 PDF 上
【发布时间】:2015-11-03 02:28:09
【问题描述】:

我真的很好奇 RightSignaturePandaDoc 等网站如何在 PDF 上提供拖放功能。基本上,您将 PDF 上传到他们的网站,然后他们在窗口中显示 PDF(所有页面 - 可滚动),然后他们在 PDF 查看器的一侧有一个面板,其中包含一对多的表单字段和站点允许您将这些字段作为占位符拖到 PDF 上。

我知道他们基本上只是在记录 X/Y coordinates 的表单 element 被放置的位置。但是,从技术角度,他们实际上是如何做到这一点的呢?

我知道如何处理 PDF 上传。我只是不知道如何显示 PDF 并基本上创建一个叠加层,允许用户将字段拖到它上面并记录 x,y 坐标。这样,当我想创建该模板的一个版本时,我就知道在 PDF 中放置字段的位置。

【问题讨论】:

  • 您可以使用 JavaScript 使拖放功能没有问题。实际上,JQuery 很容易。一旦用户将东西拖到您的“画布”上,他们基本上会单击一个按钮来“保存”他们的布局。然后,您将使用该事件处理程序来捕获他们所做的事情并使用它做任何您想做的事情。
  • 您找到解决方案了吗?

标签: javascript jquery pdf


【解决方案1】:

即使这个问题很老了,我分享my solution使用以下库实现:

  • pdf.js(将 PDF 文件呈现为允许捕获坐标的 HTML 组件)
  • interact.js(用于占位符的拖放)

查看我推送到 GitHub 的解决方案https://github.com/ValerioEmanuele/drag-and-drop-placeholders-into-PDF

【讨论】:

猜你喜欢
  • 2018-10-25
  • 1970-01-01
  • 1970-01-01
  • 2013-06-05
  • 2016-08-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多