小编bad*_*aly的帖子

如何使用pdf.js呈现pdf文件?

我创建了一个html文件,内容如下 index.html

<html>
  <head>
    <script type="text/javascript" src="./pdf.js"></script>
    <script type="text/javascript" src="./hello.js"></script>
  </head>
  <body>
    <canvas id="the-canvas" style="border:1px solid black;"/>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

hello.js的内容

PDFJS.disableWorker = true;
var pf = PDFJS.getDocument('./helloworld.pdf')
pf.then(function(pdf) {
  pdf.getPage(1).then(function(page) {
    var scale = 1.5;
    var viewport = page.getViewport(scale);

    //
    // Prepare canvas using PDF page dimensions
    //
    var canvas = document.getElementById('the-canvas');
    var context = canvas.getContext('2d');
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    //
    // Render PDF page into canvas context
    //
    var renderContext = {
      canvasContext: context,
      viewport: viewport …
Run Code Online (Sandbox Code Playgroud)

html javascript html5 pdf.js

7
推荐指数
1
解决办法
7247
查看次数

标签 统计

html ×1

html5 ×1

javascript ×1

pdf.js ×1