Question

我使用PDF.js插件在我的聚合物应用程序中显示pdfs。有时pdf内容会颠倒过来。以下是我使用PDF.js的方式：

            downloadPdf: function(item) {
                var pdfJsInitParams = {
                    url: app.baseURL + item.report_pdf,
                    httpHeaders: app.user.token
                };

                PDFJS.getDocument(pdfJsInitParams).promise.then(function(pdf) {
                    function renderPage(pageNumber, eltId) {
                        if(pdf.numPages < pageNumber) {
                            return;
                        }

                        pdf.getPage(pageNumber).then(function(page) {
                            var scale = 1.3;
                            var viewport = page.getViewport(scale);

                            // Prepare canvas using PDF page dimensions
                            var canvas = document.getElementById(eltId);
                            if(canvas) {
                                var context = canvas.getContext('2d');
                                canvas.height = viewport.height;
                                canvas.width = viewport.width;

                                // Render PDF page into canvas context
                                var renderContext = {
                                    canvasContext: context,
                                    viewport: viewport
                                };
                                page.render(renderContext);
                            }
                        }).catch(function(err) {
                            showToastWithText(err, 'error');
                        });
                    }

                    renderPage(1, 'report_1');
                    renderPage(2, 'report_2');
                });
            }

可能导致此问题的任何想法？

Answer 1

（看起来像downloadPdf在短时间内被多次调用）

render（）操作是异步的，您需要在同一画布上开始新渲染之前等待其完成，请参阅https://github.com/mozilla/pdf.js/blob/master/examples/learning/prevnext.html示例。如果您不想等待，请创建一个新画布。

PDF.js文档是随机颠倒呈现的

1 个答案: