【问题标题】:Multiples images in jspdfjspdf中的多个图像
【发布时间】:2017-01-20 02:30:10
【问题描述】:

我正在尝试生成一个包含多个图像的 pdfd 文件,我可以将一个图像放入 pdf 文档中,但我不能添加多个图像,我认为我需要做一个循环,但我不知道如何:S,有人可以帮我构建我的代码并生成包含多个图像的 pdf 文件吗?这是我的代码..

function pruebaPDF(){
    html2canvas($(".jspdf2"),{
        onrendered: function(canvas){
            var height = $(".jspdf1").height();
            var data = canvas.toDataURL("image/png"),
            doc = new jsPDF({
                orientation:'p',
                unit:'mm',
                format:'letter'
            });
            doc.addImage(data, 'PNG', 10, 6, 185, height);
            //doc.addPage();
            doc.save('tqwe.pdf');
        }
    });
}

【问题讨论】:

    标签: javascript jquery angularjs pdf jspdf


    【解决方案1】:

    您可以为您的图像创建一个新变量并使用 addImage() 函数:

    var imgData = 'data:image/jpeg;base64,'+ Base64.encode('yourimage.jpeg');
    doc.addImage(imgData, 'JPEG', 15, 40, 180, 160);
    

    希望对你有帮助。

    【讨论】:

      【解决方案2】:

      下面的链接是关于如何将表格制作成 pdf 的教程。 这将包括所有图像/文本框 css 等... 这应该包含您需要的所有答案。 如果您需要额外的帮助,请不要犹豫,我可以进一步指导您。 http://www.techumber.com/2015/04/html-to-pdf-conversion-using-javascript.html

      【讨论】:

      • 我有两个 div 的问题,我需要将它们添加到 pdf 中,也许我可以使用例如:for(var i=1;i
      • 只需在 2 个 div 上添加一个包装器,当您获得包装器的内容时​​,两个图像都会存在。
      猜你喜欢
      • 2015-12-16
      • 1970-01-01
      • 1970-01-01
      • 2021-03-22
      • 1970-01-01
      • 2016-04-26
      • 1970-01-01
      • 1970-01-01
      • 2018-03-16
      相关资源
      最近更新 更多