使用jspdf创建带有Div边框的Pdf

Question

我正在尝试使用JsPdf库来创建基于html元素的pdf。我想知道是否可以使用div边框或者如果我必须使用doc.line属性并且基本上绘制我的div周围的每一行。即。

var doc = new jsPDF()

doc.line(20, 20, 60, 20)

我更愿意使用<div style="border: solid; width: 300px ">

有没有人对此有任何好运？

这是我的Fiddle

Answer 1

如何将jsPdf与Html2Canvas结合使用？将html渲染到画布，然后将画布作为图像添加到pdf中，如下所示：

var img = canvas.toDataURL("image/png");
doc.addImage(img, 'JPEG', 300, 200);
doc.save('test.pdf');

请参阅完整示例的小提琴：http://jsfiddle.net/nLLuvnwL/

Answer 2

您可以使用doc.rect绘制矩形，而不是绘制每一行。您还可以使用doc.setLineWidth更改边框宽度。

doc.setLineWidth(2);
doc.rect(10, 20, 150, 75);

doc.save('sample-file.pdf');

请参阅此处示例http://jsfiddle.net/508p61r6/5/

Answer 3

for (var i=1;i<pdf.internal.pages.length;i++){
pdf.internal.pages[i].push("0.00 595.28 841.89 -595.28 re");
pdf.internal.pages[i].push("S");
}