以pdf格式打印时,如何将div分为2页?

时间:2018-09-05 09:22:48

标签: javascript jquery html css

我有一个asp.net MVC项目,想将HTML div作为pdf打印到两个页面中,这是我的代码示例 HTML代码     

<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页面

1 个答案:

答案 0 :(得分:0)

不确定如何将SAME div分为两页。 但是使用分页符,您应该可以在新页面上放置特定的div ...

类似于CSS的内容:

@media print
{
  .page-break  { display:block; page-break-before:always; }

}

,然后在您希望中断发生的html中

<div class="page-break"></div>