问题描述
我正在使用JSPDF版本1.5.3和HTML2CANVAS从html页面创建pdf。我遇到文字重叠的问题。例如:
我在HTML页面中正确声明了元数据类型。 这是我生成pdf的功能:
function generatePDF() {
var fileName = 'test.pdf';
/*OLD FUNCTION USED BUT GENERATE ZOOM broWSER AND BIG MARGIN ISSUES
html2canvas(document.getElementById('content'),{ scale: 1,width: 2000,height: 9000 }).then(canvas => {
var imgData = canvas.toDataURL("image/jpeg");
var pdf = new jsPDF('p','mm',[520,1080]);
pdf.addImage(imgData,'JPEG',10,10);
pdf.save(fileName);
});
*/
/* TAKE IN ACCOUNT THE broWSER ZOOM AND SOLVE MARGIN ISSUES */
let pdf = new jspdf.jsPDF('p','pt','a4'); // the name of the global variable has changed -> const { jsPDF } = window.jspdf
let srcwidth = document.getElementById('content').scrollWidth;
pdf.html(document.getElementById('content'),{
html2canvas: {
scale: 575.26 / srcwidth,//595.26 is the width of A4 - 10 px in less for the margins rgight and left
scrollY: 0
},filename: 'jspdf',x: 10,y: 0,callback: function () {
//window.open(pdf.output('bloburl'));
pdf.save(fileName);
}
});
您好,我使用的是pdf.html()方法,但我不知道自定义字体。显然可以解决我的问题,但我不确定。
谢谢
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)