在 PhoneGap 中使用 JsPdf 在本地存储上编写 PDF

Question

我正在尝试通过 jspdf 编写一个 html 转换的 pdf 文件，但它在这里不起作用的是 js 方法

function gotFileWriter(writer) {
    writer.onwriteend = function(evt) {
        console.log("contents of file now 'some sample text'");
        writer.truncate(11);
        writer.onwriteend = function(evt) {



            console.log("contents of file now 'some sample'");
            writer.seek(4);var pdfOut;
        var pdf = new jsPDF('p','pt','a4');
        pdf.addHTML(document.body,function() {
        pdfOut = pdf.output('datauri');
                });
         // this alerts shows "Undefined"
        alert(pdfOut);
        writer.write(pdfOut);



            writer.onwriteend = function(evt){
                console.log("contents of file now 'some different text'");
            }
        };
    };
            var pdfOut;
        var pdf = new jsPDF('p','pt','a4');
        pdf.addHTML(document.body,function() {
        pdfOut = pdf.output('datauri');
                });
        // this alerts shows "Undefined"
            alert(pdfOut);
        writer.write(pdfOut);


}

两个警报都显示“未定义”。如果我将其创建为 .txt 文件，它会显示空文件，如果我将其保存为 .pdf，则如果创建损坏的文件。 JsPdf 工作正常，因为我可以在日志中看到 pdf.output('datauri'); 的 base64 字符串结果...

Answer 1

addHTML 调用是异步的，因此您必须等待完成才能尝试使用 pdf 输出。此外，最适合使用 FileWriter 的“arraybuffer”输出。

试试这个：

    function gotFileWriter(writer) {
      writer.onwriteend = function (evt) {
        console.log("contents of file now 'some sample text'");
        // ...
      };
      var pdf = new jsPDF('p', 'pt', 'a4');
      pdf.addHTML(document.body, function () {
        writer.write(pdf.output('arraybuffer'));
      });
    }