web-dev-qa-db-ja.com

jspdfを使用してDivボーダーでPDFを作成する

JsPdfライブラリを使用して、html要素に基づいてPDFを作成しようとしています。 divの境界線を使用できるかどうか、またはdoc.lineプロパティを使用して、基本的にdivの周囲に各線を描画する必要があるかどうかを知りたいです。 I.E.

var doc = new jsPDF()

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

むしろ<div style="border: solid; width: 300px ">を使用したい

誰かがこれで運が良かったですか？

これが私の Fiddle

javascriptjspdf
9
Leonardo Wildt

JsPdfをHtml2Canvasと組み合わせて使用​​するのはどうですか？ htmlをキャンバスにレンダリングしてから、次のようにキャンバスを画像としてpdfに追加します。

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

完全な例については、フィドルを参照してください： http://jsfiddle.net/nLLuvnwL/

3
lancew

各線を描画する代わりに、 doc.rect を使用して長方形を描画できます。 doc.setLineWidth を使用して境界線の幅を変更することもできます。

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

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

ここの例を参照してください http://jsfiddle.net/508p61r6/5/

1
phil652
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");
}
0
Prem Kumar Nayak