javascript - 使用 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 渲染到 Canvas ，然后将 Canvas 作为图像添加到 pdf，如下所示:

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

完整示例参见 fiddle :http://jsfiddle.net/nLLuvnwL/