此页面上存在错误。 Acrobat 可能无法正确显示页面。 kendo.drawing.exportPDF

Question

我在 kendo.drawing.exportPDF 库在 angular 6 应用程序中生成 PDF 时遇到问题，代码如下：

kendo.drawing.drawDOM($("#job-container"))
.then(function(group) {
    // Render the result as a PDF file
    return kendo.drawing.exportPDF(group, {
        paperSize: "auto",
        margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" }
    });
})
.done(function(data) {
    // Save the PDF file
    kendo.saveAs({
        dataURI: data,
        fileName: "Jobs.pdf",
        proxyURL: "https://demos.telerik.com/kendo-ui/service/export"
    });
    //self.showPagTop = true;
});

关键是我可以在 Chrome 浏览器内置的 PDF 查看器中毫无问题地看到它，但我在 Adobe reader 11.0 版中看不到它。 23.在这一点上，我什至不知道它可能是 kendo.drawing 问题还是 acrobat/adobe 问题。

在此先感谢任何可以提供帮助的人！！

Answer 1

有 5000 像素的限制。我用 a4 multipage 解决了这个问题：

draw.drawDOM($container, {
                paperSize: "A4",
                margin: { top: "1cm", left: "1cm", right: "1cm", bottom: "1cm" },
                scale: 0.5
            })
            .then(function (root) {
                return draw.exportPDF(root, {
                    multiPage: true
                });
            })
            .done(function (data) {
                kendo.saveAs({
                    dataURI: data,
                    fileName: "document.pdf"
                });
            });

此页面上存在错误。 Acrobat 可能无法正确显示页面。 kendo.drawing.exportPDF

An error exists on this page. Acrobat may not display the page correctly. kendo.drawing.exportPDF

javascript

pdf

acrobat

kendo-ui

angular