如何解决文本与JSPDF 2.0.0重叠并自定义字体
我正在使用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 举报,一经查实,本站将立刻删除。