如何在html2canvas插件中更改画布大小

时间:2016-02-09 05:59:11

标签: javascript jquery canvas jspdf html2canvas

我需要下载pdf格式的工资单,我以html格式生成它。接下来我计划将整个html转换为pdf,我找到了html2canvas js插件和jsPDF插件。 首先,我将整个html转换为画布并获取画布DataURL将其添加到pdf并最终下载,但是当我打印出来时,目前尚不清楚。所以我调试代码并发现问题。问题是,当我使用html2canvas插件将html转换为pdf时,它返回1032x741像素(但是A4纸张需要2480 x 3508),当我把它放入pdf时,它没有清晰。

我使用了html2canvas和jsPDF插件并尝试了以下代码

$(window).load(function() {
    $(function() {
        $("#lnkPDF").click(function() {
            html2canvas($("#all"), { //html div id
                onrendered: function(canvas) { //It returns 1032 x 741 pixel but require more
                    var imgData = canvas.toDataURL("image/gif");
                    var doc = new jsPDF();
                    doc.setFontSize(40);
                    doc.text(35, 25, "Payslip");
                    doc.addImage(dataURL, 'bmp', i, 10, 200, 150);
                    doc.save('payslip.pdf');
                }
            });
            return false;
        });
    });
});

0 个答案:

没有答案