当我的组件的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?