javascript - 生成一个带有 Angular 可编辑输入字段的 pdf

Question

我在 javascript 和 angularjs 上有这段代码来创建一个可编辑的 pdf，用户可以/可以在文本字段上输入数据。下载 pdf 文档，但文本字段不可编辑。这是片段

var opt = {
                          margin:       0,
                          filename:     name+'doc.pdf',
                          html2canvas:  { scale: 2 },
                          jsPDF:        { unit: 'in', format: 'letter', orientation: 'portrait' },
                          pagesplit: true

                        };
                    html2pdf().set(opt).from(element).save();

在网上搜索时，我看到了一个相关的代码片段，它可能会实现我正在尝试做的事情，但它是用 php 编写的，不知道如何将其转换为 javascript/angular 并测试该代码片段

$html2pdf = new HTML2PDF('P','A4', 'en', false, 'ISO-8859-15');
    $html2pdf->pdf->SetDisplayMode('fullpage');
    $html2pdf->writeHTML($content, isset($_GET['vuehtml']));
    $html2pdf->Output('pdf_demo.pdf'); 

这是我正在使用的库

<script src="/static/pdf/html2pdf.bundle.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

请问如何创建带有可编辑文本字段的 pdf

Answer 1

看来您正在使用 this library (如果您提到这一点，将会有很大帮助)。据我从文档中得知，该库将 HTML 转换为图像，然后将图像转换为 PDF。因此，生成的 PDF 不可能是可填写的。

您可能需要使用基于 wkhtmltopdf 的库在服务器端执行此操作这似乎支持生成可填写的 PDF。或者，您可以使用 jsPDF 直接创建 PDF(即跳过 HTML) .