html2canvas - 带有空输入字段的 html2pdf

Question

我正在使用 eKoopmans html2pdf.js 库在提交表单后创建 PDF。 这一切在所有浏览器和所有设备上都可以完美运行，但在 iOS 上却没有。

我有一个问题，我所有的输入字段都没有呈现它的值。 输入字段只是空的。 我正在使用以下代码来创建 PDF。

var element = document.getElementById('testtest');
      opt = {             margin: 0.05,
        filename:     'myfile.pdf',
        image:        { type: 'jpeg', quality: 0.98 },
        jsPDF:        { unit: 'in', format: 'a4', orientation: 'portrait' },
        html2canvas:  { scale: 2 },
        pagebreak: { mode: ['css', 'legacy'], after: '.breakme' }
                      };
                      $('.btn').hide();

      html2pdf().from(element).set(opt).toPdf().output('datauristring').then(function (pdfAsString) {

以及为什么这不适用于 iOS？

当然我也发现了这个： https : //github.com/niklasvh/html2canvas/issues/1338

但这并没有解决iOS上的问题。

Answer 1

这必须是关于 Chrome V87 或更高版本的更新。

所以你可以尝试，将你的输入替换为 span，让我给出一些代码，除非你可以渲染所有表单：

（顺便说一句 -> 你必须做，为每个输入，添加一个名为“数据”的类）

$("input.data").each(function(i,v) { let val = v.value; $(this).replaceWith("<span>" + val + "</span>"); });

它的工作......再次！ （我希望剩下的时间！）有一些关于这个错误修正的评论： Niklasvh/html2canvas/issues/1338