如何解决反应高分辨率截图
我正在尝试获取反应组件的高质量屏幕截图。我尝试使用html2canvas和jsPDF,但是总体质量相当差。为了清楚起见,我尝试使用html2canvas转换组件,然后使用jsPDF将其转换为PDF。
这是我最近的尝试:
const printDocument = function() {
const input = document.getElementById('graph-id');
html2canvas(input,{
scale: 2
})
.then((canvas) => {
const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF({
orientation: 'landscape',format: [3000,3000]
}
);
pdf.addImage(imgData,'JPEG',10,10);
// pdf.output('dataurlnewwindow');
pdf.save("download.pdf");
})
}
尤其是我正在尝试截屏由https://danielcaldas.github.io/react-d3-graph/docs/生成的图形。想知道是否有更好的方法来生成高质量的pdf或图像?也许我做错了什么?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。