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