我在流星中使用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的文件。
提前致谢
答案 0 :(得分:1)
他们在这里有一个网页浏览器示例:
https://github.com/mozilla/pdf.js/blob/master/examples/components/pageviewer.js
我认为你要找的那条线是:
textLayerFactory: new PDFJS.DefaultTextLayerFactory(),