相关疑难解决方法(0)

如何在 webpack 和 Vuejs 中使用带有工具栏的完整 PDF.js 查看器?

我正在使用 vue.js spa 和 webpack 尝试使用 mozilla 的 PDF.js 显示 PDF。我让示例工作起来很容易,但我很难通过工具栏工作来获得完整的查看器。我需要使用 PDFjs,require('pdfjs-dist/webpack')因此它不会发送“已设置假工人”警告。我真的找不到解释如何在 webpack 中使用完整查看器的 SO 问题/指南或视频。这个项目的文档也几乎不存在,我想我也尝试了我能在那里找到的一切。

对不起,如果这似乎是一个愚蠢的问题,但我很努力地解决这个问题,并点击了我可以通过谷歌搜索找到的每个链接。

提前谢谢各位

我已经从示例中获得的代码:

var PDFJS = require('pdfjs-dist/webpack');

  const url = 'the-url-to-my-pdf';
  const canvasContainer = document.getElementById('preview');

  function renderPage(page) {
    const viewport = page.getViewport(2);
    let canvas = document.createElement('canvas');
    let canvasWrapper = document.createElement('div');
    canvasWrapper.classList.add('page');
    const ctx = canvas.getContext('2d');
    const renderContext = {
      canvasContext: ctx,
      viewport: viewport
    };
    canvas.height = viewport.height;
    canvas.width = viewport.width;
    canvasWrapper.appendChild(canvas);
    canvasContainer.appendChild(canvasWrapper);

    page.render(renderContext);
  }

  function renderPages(pdfDoc) {
    for(var num = …
Run Code Online (Sandbox Code Playgroud)

javascript pdf.js webpack vuejs2

5
推荐指数
1
解决办法
4519
查看次数

标签 统计

javascript ×1

pdf.js ×1

vuejs2 ×1

webpack ×1