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

Question

我在 Angular 6 应用程序中由 kendo.drawing.exportPDF 库生成 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 查看器中毫无问题地看到它，但我没有看到它在 Adob​​e 阅读器版本 11.0.23 上呈现得很好。在这一点上，我什至不知道这可能是 kendo.drawing 问题还是 acrobat/adobe 问题。

提前感谢任何可以提供帮助的人！！

标签： javascriptangularpdfkendo-uiacrobat

Answer 1

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

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"
                });
            });