我需要下载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;
});
});
});