鍍金池/ 問(wèn)答/HTML5  HTML/ pdf.js使用

pdf.js使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>pdf.html</title>
    <script src="lib/jquery-3.2.1.min.js"></script>
    <script src="lib/WebViewer.js"></script>
    <script src="pdf.js"></script>
    <style>
        #viewer {
            width: 1024px;
            height: 600px;
        }
    </style>
</head>
<body>
    <div id="canvas">
        <canvas id="the-canvas" style="border: 1px solid #333">
    </div>
</body>
<script>
    $(function(){
           var url = 'GettingStarted.pdf';
           PDFJS.workerSrc = 'pdf.worker.js';
           // PDFJS.disableWorker = true;
           PDFJS.getDocument(url).then(function getPdf(pdf) {
           pdf.getPage(2).then(function getPage(page) {
                   var scale = 1;
                   var viewport = page.getViewport(scale);
                   var canvas = document.getElementById('canvas');
                   var context = canvas.getContext('2d');
                   canvas.height = viewport.height;
                   canvas.width = viewport.width;
                   var renderContext = {
                       canvasContext: context,
                           viewport: viewport
                  };
              page.render(renderContext);
            });
        });
});
</script>
</script>
</html>

在使用pdf.js時(shí)按著網(wǎng)上說(shuō)的進(jìn)行了構(gòu)建 為啥會(huì)提示

clipboard.png

回答
編輯回答
萌小萌

感覺(jué)你的pdf.js沒(méi)有引用對(duì)，確認(rèn)下pdf.js路徑是否正確。

2018年8月6日 04:27