javascript - JsPDf html2canvas html to image to pdf 拆分页面
问题描述
我怎样才能解决这个问题 ?我看到第一页的文字只有一半,第二页的另一半。
我的代码在这里:
generatePdf = () => {
window.html2canvas = html2canvas;
const input = document.getElementById("forTestPdf1");
html2canvas(input).then((canvas) => {
var imgData = canvas.toDataURL("image/png");
var imgWidth = 210;
var pageHeight = 295;
var imgHeight = (canvas.height * imgWidth) / canvas.width;
var heightLeft = imgHeight;
var doc = new jsPDF("p", "mm");
var position = 10; // give some top padding to first page
doc.addImage(imgData, "PNG", 0, position, imgWidth, imgHeight);
heightLeft -= pageHeight;
while (heightLeft >= 0) {
position += heightLeft - imgHeight ; // top padding for other pages
doc.addPage();
doc.addImage(imgData, "PNG", 0, position, imgWidth, imgHeight);
heightLeft -= pageHeight;
}
doc.save("file.pdf");
});
};
解决方案
推荐阅读
- c# - ArrayPool的使用
- python-3.x - 转换文本文件中的值并在 python 中创建新的文本文件
- wordpress - 通过 .htaccess 文件限制对 Wordpress 登录的访问不会阻止任何人
- c++ - 位标志是 std::byte 的预期用途吗?
- javascript - 在 python 中,我可以编写 myarray[:3] 来寻址列表的元素。是否可以在 javascript 或节点中使用?
- cordova - 使用科尔多瓦签署 apk 时发出警告
- javascript - JavaScript:日期对象在发送到后端时转换为字符串
- python - 无法通过 onclick 选择器方法获取元素
- reactjs - 为什么在卸载之前调用组件渲染方法?
- c - 堆栈问题:指针指向函数(堆栈)内的变量