我有 asp.net MVC 元素,想将 HTML div 作为 pdf 打印到两个页面中,这是我的代码示例 网页代码
<div class="row" id="mycanvas">
<p>This is My Content1</p>
<p>This is My Content2</p>
</div>
<button type="button" onclick="savePdf()"> Save As PDF </button>
JS代码
function savePdf() {
html2canvas($("#mycanvas"), {
onrendered: function (canvas) {
var imgData = canvas.toDataURL("image/jpeg", 1.0);
// generatePDF(imgData);
generatePDF(canvas);
}
});
}
function generatePDF(imgData) {
var doc = new jsPDF("p", "mm", "a4");
var width = doc.internal.pageSize.width;
var height = doc.internal.pageSize.height;
doc.addImage(imgData, 'JPEG', 0, 0, width, height);
doc.save('download.pdf');
}
我想将这个 Div 分成 2 个 pdf 页面
最佳答案
不确定如何将 SAME div 拆分为两个页面。 但是有了分页符,您应该能够将特定的 div 放在新页面上......
CSS 中的类似内容:
@media print
{
.page-break { display:block; page-break-before:always; }
}
然后在您希望中断发生的 html 中
<div class="page-break"></div>
关于javascript - 打印为pdf时如何将div分成2页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52181599/