我有一张table(列对齐方式不同),这是要保存为pdf。我转换了表格的图像使用html 2canvas,然后保存图像到pdf使用ng jspdf。它的工作很好,如果图像的大小小于或等于pdf的页面大小,但如果图像大小大于页面大小,那么它只保存第一页的pdf(其中只有图像的一部分)和图像的其余部分不显示/保存在pdf中。这里是我使用的javascript代码。
$("#btnVC_saveGLSummary").click(function () {
html2canvas($("#tblSaveAsPdf1"), {
onrendered: function (canvas) {
var myImage = canvas.toDataURL("image/jpeg");
var d = new Date().toISOString().slice(0, 19).replace(/-/g, "");
filename = 'report_' + d + '.pdf';
var doc = new jsPDF();
doc.addImage(myImage, 'JPEG', 12, 10);
doc.save(filename);
}
});
});
有什么想法如何获得图像的其余部分在pdf的第二页。
6条答案
按热度按时间huwehgph1#
它适用于html2canvas和jspdf。
q5lcpyga2#
我用这个方法
我希望这会有帮助
受另一个堆栈溢出response的启发
nlejzf6q3#
这个问题的答案与前面类似,但我觉得我想给予一个示例,省去不必要的代码:
您可以轻松地浏览所有页面,并在每个页面上放置“水印”文本或其他项目,如下所示:
(联合战略数据框架2.1.1版)
cdmah0mi4#
基本上,你可以得到画布的上下文,然后使用
drawImage
函数创建一个新的Image,它是你原始画布的一部分。其中startX和Y是原始图像上剪辑的起始位置,原始W和H是剪辑的高度和宽度(在原始图片上),基本上是要剪辑的大小,destX和Y是PDF上放置新剪辑的位置,destH和W定义剪辑放置在画布上时的大小(一旦您剪辑了图像,它们会拉伸图像)
希望这个有用,
干杯
8ftvxx2r5#
您可以通过在自己的代码中添加一些小的调整来轻松地做到这一点。
holgip5t6#
函数react将多个组件转换为PDF文件