在React中使用JSPdf生成高质量的PDF

Question

当我的组件的CSS是：

width: 841px;
height: 594px;

以下函数生成低分辨率pdf

        html2canvas(this.pdf.current, {
            scrollY: -window.scrollY,
            scrollX: -window.scrollX,
        })
            .then(function (canvas) {
                var img = canvas.toDataURL("image/svg", 1.0);

                var doc = new jsPDF('l', 'pt', 'a4');
                var width = doc.internal.pageSize.getWidth();
                var height = doc.internal.pageSize.getHeight();
                doc.addImage(img, 'PNG', 0, 0, width, height);
                doc.save('certificate.pdf');
            })
            .then(() => this.setState({ downloading: false }));
    }

当我在CSS中增加组件的高度和宽度时，它会生成高质量的pdf 如何在不依赖于CSS高度和宽度的情况下生成高质量的pdf？