小编bas*_*que的帖子

将 div 保存为 PDF 时未定义 jsPDF

我正在尝试使用 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
        );
});
Run Code Online (Sandbox Code Playgroud)
<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> …
Run Code Online (Sandbox Code Playgroud)

javascript jquery pdf-generation referenceerror jspdf

5
推荐指数
1
解决办法
4457
查看次数

使用 jsPDF 将多个不同的图像添加到 PDF

我正在尝试使用 jsPDF 框架将多个不同的图像添加到 PDF,但最终它会生成包含两个相似图像的 PDF 文件,但是如果我尝试使用每个图像生成两个不同的 PDF 文件,一切都会正常。这是我的html:

<img id="img1" src="/img1.jpg">
<img id="img2" src="/img2.jpg">
Run Code Online (Sandbox Code Playgroud)

这是我的JS:

var doc = new jsPDF("landscape");
const img1 = $('#img1').attr("src");
const img2 = $('#img2').attr("src");
doc.addImage(img1, "JPEG", 140, 15, 90, 90, 'SLOW');
doc.addImage(img2, "JPEG", 140, 110, 90, 90, 'SLOW');
doc.save("sample.pdf");
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

html javascript pdf pdf-generation jspdf

4
推荐指数
1
解决办法
8262
查看次数

标签 统计

javascript ×2

jspdf ×2

pdf-generation ×2

html ×1

jquery ×1

pdf ×1

referenceerror ×1