以编程方式滚动到PDFJS部分

时间:2015-05-01 14:15:03

标签: pdf.js

我想使用PDFJS加载PDF文档,然后允许以编程方式滚动到文档中的命名部分。我有以下内容:

<div id="pdfContainer" class="well well-sf-errors-review">
    <canvas id="pdfCanvas"></canvas>
</div>

PDFJS.getDocument(url).then(
    function(pdf) {
      pdf.getPage(1).then(
        function(page) {
          var desiredWidth = document.getElementById('pdfContainer').clientWidth;
          var viewport = page.getViewport(1);
          var scale = desiredWidth / viewport.width;
          var scaledViewport = page.getViewport(scale);
          var canvas = document.getElementById('pdfCanvas');
          var context = canvas.getContext('2d');
          canvas.height = 600;
          canvas.width = scaledViewport.width;
          var renderContext = {
            canvasContext: context,
            viewport: scaledViewport
          };
          page.render(renderContext);
        }
      );
    }
);

我从这里得到的是22页文档的第一页,没有滚动(滚动到下一页)。我希望能够连续滚动并跳转到命名区域。任何指针都将受到赞赏,因为我没有找到网站或代码作为我需要完全理解PDFJS的信息。谢谢!

0 个答案:

没有答案