Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用pdf js呈现pdf_Javascript_Ionic Framework_Pdfjs - Fatal编程技术网

Javascript 用pdf js呈现pdf

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

我试图使用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 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谢谢,也许会发布答案,这样我就可以上传了,谢谢,我很感激。