Tworzenie pliku PDF z ramką Div przy użyciu jspdf

Question

Próbuję użyć biblioteki JsPdf do utworzenia pliku PDF opartego na elementach html. Chciałbym wiedzieć, czy można zrobić z granicą div lub jeśli muszę użyć właściwości doc.line i zasadniczo narysować każdy wiersz wokół mojego div. TO ZNACZY.

var doc = new jsPDF() 

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

Chętniej używać <div style="border: solid; width: 300px ">

Czy ktoś miał szczęścia z tym?

Oto moja Fiddle

Answer 1

Jak na temat korzystania jsPdf w połączeniu z Html2Canvas? Renderowania HTML na płótnie, a następnie dodać płótno do PDF jako obrazu tak:

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

Zobacz skrzypce pełnego Przykład: http://jsfiddle.net/nLLuvnwL/

Answer 2

Zamiast rysować każdy linii można użyć doc.rect narysować prostokąt . Możesz również zmienić szerokość obramowania za pomocą doc.setLineWidth.

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

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

Zobacz przykład tutaj http://jsfiddle.net/508p61r6/5/