Question

我正在尝试使用mozilla pdfjs-dist在我的网站上实现.PDF文件。

这是我的脚本：

<html>
   <head>
      <script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@2.0.943/build/pdf.min.js"></script>
   </head>

   <body>

      <canvas id="addjob_pdf_preview"></canvas>

   </body>

</html>

<script>

     pdfjsLib.getDocument("PDFFILELINK").then(doc => {

        doc.getPage(1).then(page => {
            var myCanvas = document.getElementById("addjob_pdf_preview");
            var context = myCanvas.getContext("2d");

            var viewport = page.getViewport(1);
            myCanvas.width = viewport.width;
            myCanvas.height = viewport.height;

            page.render({
                canvasContext: context,
                viewport: viewport
            });
        });
    });

</script>

它抛出此错误：

TypeError: myCanvas.getContext is not a function

我正是在本教程之后构建实现的：PDF.js Tutorial

我找到了一些有关此主题的主题，但是我无法理解问题所在。

有人提到了画布API的解释：Canvas API

导致问题多于答案的问题。

致谢

TypeError：myCanvas.getContext不是函数-.PDF实现

0 个答案: