javascript - 将 div 保存为 PDF 时未定义 jsPDF

标签 javascript jquery pdf-generation jspdf referenceerror

我正在尝试使用 jsPDF 保存具有特定 ID 的 div 元素,但得到 Uncaught ReferenceError: jsPDF is not defined .尝试了很多不同的方法来解决这个问题,包括 stackoverflow 上所有可用的解决方案,但没有一个有效。
这是 div 元素的外观(它是一个根据用户选择自动填充的表格,我删除了大多数选项以减少此示例的行数)。下面是一个快速片段,可以让您了解正在发生的事情。它仍然说 jsPDF 没有定义:

$('#savePDF').click(function() {
  var pdf = new jsPDF('p', 'pt', 'letter');
        source = $('#yourSummary');
        specialElementHandlers = {
            '#bypassme': function (element, renderer) {
                return true
            }
        };
        margins = {
            top: 80,
            bottom: 60,
            left: 40,
            width: 522
        };
        pdf.fromHTML(
            source,
            margins.left,
            margins.top, {
                'width': margins.width,
                'elementHandlers': specialElementHandlers
            },

            function (dispose) {
                pdf.save('your-summary.pdf');
            }, margins
        );
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script>
<div id="yourSummary" class="modal-body">
  <table id="yourExterior" class="table table-hover">
  <h5>Exterior</h5>
    <tbody>
     <tr>
      <th scope="row">Body colour</th>
      <td id="sumBC"></td>
     </tr>
    </tbody>
  </table>
</div>
<button class="btn-primary" id="savePDF">Save configuration as PDF</button>

但是,一旦我在浏览器中按下按钮,就会出现以下错误:
Uncaught ReferenceError: jsPDF is not defined
at HTMLButtonElement.<anonymous> (main.js:34)
at HTMLButtonElement.dispatch (jquery-3.5.1.slim.min.js:2)
at HTMLButtonElement.v.handle (jquery-3.5.1.slim.min.js:2)
我做错了什么以及如何解决这个问题?

最佳答案

使用以前的版本<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>2.0.0 版本非常不同。
例如,您将使用 jspdf.jsPDF 而不是方法“jsPDF”,但您会看到新的错误。

关于javascript - 将 div 保存为 PDF 时未定义 jsPDF,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63362904/

相关文章:

javascript - bool 值不是 javascript 中的函数

javascript - 单击按钮时如何添加CSS

c# - MigraDoc C# 在同一行左右对齐

asp.net - 如何使用 iTextSharp?

javascript - 从网络应用程序调用 FB.login() 时,官方 Facebook iOS 应用程序总是崩溃

javascript - getElementsByTagName().setAttribute();不适用于 IE8

javascript - 如何使用 Wikipedia API 在页面列表中查找具有相同姓名的人的特定人

javascript - 我可以使用 onpopstate 事件的 target.location.href 来更改页面内容吗?

json - 在 Node.JS 中将 JSON 对象转换为 PDF 表,而无需创建 HTML

javascript - 地理定位在移动浏览器 JavaScript 中不起作用