Javascript 用pdf js呈现pdf
我试图使用pdfjs库呈现pdf,但我被卡住了:我在IONIC应用程序中使用它。下面是我的代码:Javascript 用pdf js呈现pdf,javascript,ionic-framework,pdfjs,Javascript,Ionic Framework,Pdfjs,我试图使用pdfjs库呈现pdf,但我被卡住了:我在IONIC应用程序中使用它。下面是我的代码: import { PDFJS } from "pdfjs-dist"; renderPDF(url, canvasContainer) { var options = options || { scale: 1 }; function renderPage(page) { var viewport = page.getViewport(options.scale); var canv
import { PDFJS } from "pdfjs-dist";
renderPDF(url, canvasContainer) {
var options = options || { scale: 1 };
function renderPage(page) {
var viewport = page.getViewport(options.scale);
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var renderContext = {
canvasContext: ctx,
viewport: viewport
};
canvas.height = viewport.height;
canvas.width = viewport.width;
canvasContainer.appendChild(canvas);
page.render(renderContext);
}
function renderPages(pdfDoc) {
for(var num = 1; num <= pdfDoc.numPages; num++)
pdfDoc.getPage(num).then(renderPage);
}
console.log(PDFJS)
PDFJS.disableWorker = true;
PDFJS.getDocument(url).then(renderPages);
从“PDFJS dist”导入{PDFJS};
renderPDF(url,画布容器){
var options=options | |{scale:1};
函数呈现页面(第页){
var viewport=page.getViewport(options.scale);
var canvas=document.createElement('canvas');
var ctx=canvas.getContext('2d');
var renderContext={
画布背景:ctx,
视口:视口
};
canvas.height=viewport.height;
canvas.width=viewport.width;
canvasContainer.appendChild(canvas);
page.render(renderContext);
}
函数渲染页(pdfDoc){
对于(var num=1;num像您这样导入意味着您导入的文件必须有一个名为PDFJS
的导出,它可能没有。要导入整个文件并将导出的内容放入变量中,您可以使用以下导入格式:import*作为来自“PDFJS dist”的PDFJS;
您是如何安装的pdfjs区?内容是什么样的?你能提供一个链接到该回购吗?你是否尝试过从“pdfjs区”以pdfjs的形式导入它?
import*;该死,我正要尝试这种不同的导入方法,但忘了它,它现在似乎起作用了:D谢谢,也许会发布答案,这样我就可以上传了,谢谢,我很感激。