11

我在流星中使用 Mozilla pdf js。我正在使用的包来自“ https://atmospherejs.com/pascoual/pdfjs ”,我正在做他们在示例中说明的几乎所有事情,但我的 pdf 文件是作为图像文件提供的。如他们的示例“ https://mozilla.github.io/pdf.js/web/viewer.html ”所示,它没有显示出来。

请让我知道我做错了什么。我的代码如下:

<template name="displayResume">
    <canvas id="pdfcanvas"></canvas>
</template>

Template.displayResume.rendered = function(){
    PDFJS.workerSrc = '/packages/pascoual_pdfjs/build/pdf.worker.js';
    console.log(PDFJS)
    //PDFJS.workerSrc = '/.meteor/local/build/programs/web.browser/packages/pascoual_pdfjs/build/pdf.worker.js';
    var url = '/Lez6dci9xoaiyWuzR.pdf';
    PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) {
        // Fetch the first page
        pdf.getPage(1).then(function getPageHelloWorld(page) {
            var scale = 1;
            var viewport = page.getViewport(scale);

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

            // Render PDF page into canvas context
            page.render({canvasContext: context, viewport: viewport}).promise.then(function () {
                console.log('rendered');
            });
        });
    });
}

到目前为止,我只是想从我的公用文件夹中显示简历。稍后,我将不得不显示来自 amazon aws 的文件。

提前致谢

4

1 回答 1

1

他们在这里有一个浏览器示例:

https://github.com/mozilla/pdf.js/blob/master/examples/components/pageviewer.js

我认为您正在寻找的行是:

textLayerFactory: new PDFJS.DefaultTextLayerFactory(),
于 2015-08-12T01:56:49.010 回答