文本与JSPDF 2.0.0重叠并自定义字体

问题描述

我正在使用JSPDF版本1.5.3和HTML2CANVAS从html页面创建pdf。我遇到文字重叠的问题。例如:

enter image description here

我在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 (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...