jspdfを使用してDivの境界線でPDFを作成

Question

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

var doc = new jsPDF() 

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

私はむしろ使用する<div style="border: solid; width: 300px ">

は、誰もがこれですべての運を持っていましたか？ここで

はHtml2Canvasと一緒にjsPdfを使用してについての私のFiddle

Answer 1

どうですか？そして、そのようなイメージPDFにキャンバスを追加し、キャンバスにHTMLを表示：

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

はフルたとえばフィドルを参照してください。代わりにあなたが四角形を描画するためにdoc.rectを使用することができ、それぞれの線を描くのhttp://jsfiddle.net/nLLuvnwL/

Answer 2

。また、doc.setLineWidthを使用して境界幅を変更することもできます。

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

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

http://jsfiddle.net/508p61r6/5/