jsPDF 从 .html 创建 PDF 并在新窗口中打开

Question

我正在尝试使用 jsPDF 将 .html 文件转换为 PDF 并在新窗口中打开。

我正在生成这样的 PDF：

function PDFFromHTML() {
    var doc = new jsPDF();

    // We'll make our own renderer to skip this editor
    var specialElementHandlers = {
            '#editor': function(element, renderer){
                    return true;
            }
    };

    // All units are in the set measurement for the document
    // This can be changed to "pt" (points), "mm" (Default), "cm", "in"
    doc.fromHTML('ticket.html', 15, 15, {
            'width': 170, 
            'elementHandlers': specialElementHandlers
    });
}

我需要 window.open 之类的东西来在新窗口中打开这个 pdf 文件，但我找不到这样做的方法。

问候，

Answer 1

据我所知，除了直接查看 codes 和现有的 examples 之外，没有太多关于 API 的文档。

通过在doc.fromHTML(..) 之后添加对output API 的调用，我可以让PDF 文件在新窗口中打开，指定dataurlnewwindow 参数，如下所示：

doc.output('dataurlnewwindow');

至于doc.fromHTML('ticket.html')为什么不起作用，再次参考code，source参数需要是：

可以是 HTML 格式的字符串，也可以是对实际 DOM 元素的引用。

所以你可能不得不使用jquery $.get() 方法来加载ticket.html 的内容。本质上，它看起来像：

$.get('ticket.html', function(content){
    doc.fromHTML(content), 15, 15, {'width': 170, 'elementHandlers': specialElementHandlers});
    doc.output('dataurlnewwindow');
}, 'html');