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

时间:2019-03-01 05:04:37

标签: javascript angular pdf kendo-ui acrobat

我遇到了在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查看器中看到它而没有任何问题,但是在Adobe Reader 11.0.23版中看不到它的呈现效果。在这一点上,我什至不知道这可能是kendo.drawing问题还是acrobat / adobe问题。

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

1 个答案:

答案 0 :(得分:0)

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