如何使用 Puppeteer 和 docusign 动态生成 PDF 空白占位符？

Question

要求：

根据所附的屏幕截图，我们需要一个占位符图像，特别是每个 pdf 页面的空白区域（我们使用了 page-break-before: 始终在某些 div 部分中，这就是页面上显示一些空白区域的原因）对于该空白区域，我们需要占位符图像）。请注意，pdf 是动态生成的。我们使用 Puppeteer 和 docusign 来生成 pdf。

尝试过： 我们使用了身体背景重复图像，但在这种情况下，占位符文本在某些情况下会根据空白空间高度变化被切断。

期待 我们想要计算空白高度并仅在该部分应用背景图像。

Answer 1

所以，我建议使用 HTML 而不是 PDF。也就是说，您提供给 DocuSign 的文档将是 HTML，DocuSign 将让签名者在 HTML 上签名（“响应式签名”），并且当信封签名后 - 您会得到一个 PDF。

使用 HTML，您可以使用三位一体渲染器并计算文本的高度，或者您可以创建一个与 PDF 页面（8.5 × 11 英寸）大小相同的 DIV 元素，并用 2 个 DIV 填充它，一个一个用于文本，一个用于下图。所以 HTML 比 PDF 更容易。

DocuSign 可以在签名之前或之后将此 HTML 转换为 PDF，我建议您在签名之后执行此操作，因为转换可能看起来不完全相同，但使用 响应式签名，签名体验在移动设备等上是相同的，并且您签名HTML 而不是 PDF，稍后才转换为 PDF。