ugrás a tartalomhoz

jspdf

Laci_67 · 2014. Dec. 12. (P), 13.24
Most ismerkedem a jspdf-el,sima szöveggel működik is a dolog,de teljes oldalra nem nagyon akar összejönni.Találtam egy útmutatót de van a kódnak egy kijelölő részlete ami nem tudom mire vonatkozik.
  1. var pdf = new jsPDF('p','pt','a4');  
  2.   
  3. pdf.addHTML(document.body,function() {  
  4.     var string = pdf.output('datauristring');  
  5.     $('.preview-pane').attr('src', string);  
  6. });  

Az $('.preview-pane') kijelölés a body ban lévő div vagy valami osztálya amit a jspdf átalakít,vagy ebben az elemben jeleníti meg az eredményt?

De ha valaki használta már teljes oldalra a jspdf et és tud egy működő megoldást annak az útmutatását megköszönném.
 
1

Ezt nézd meg

Pepita · 2014. Dec. 12. (P), 16.23
  1. var pdf = new jsPDF('p''pt''letter')  
  2.   
  3. // source can be HTML-formatted string, or a reference  
  4. // to an actual DOM element from which the text will be scraped.  
  5. , source = $('#fromHTMLtestdiv')[0]  
  6.   
  7. // we support special element handlers. Register them with jQuery-style  
  8. // ID selector for either ID or node name. ("#iAmID", "div", "span" etc.)  
  9. // There is no support for any other type of selectors  
  10. // (class, of compound) at this time.  
  11. , specialElementHandlers = {  
  12.     // element with id of "bypass" - jQuery style selector  
  13.     '#bypassme'function(element, renderer){  
  14.         // true = "handled elsewhere, bypass text extraction"  
  15.         return true  
  16.     }  
  17. }  
  18.   
  19. margins = {  
  20.     top: 80,  
  21.     bottom: 60,  
  22.     left: 40,  
  23.     width: 522  
  24.   };  
  25.   // all coords and widths are in jsPDF instance's declared units  
  26.   // 'inches' in this case  
  27. pdf.fromHTML(  
  28.     source // HTML string or DOM elem ref.  
  29.     , margins.left // x coord  
  30.     , margins.top // y coord  
  31.     , {  
  32.         'width': margins.width // max width of content on PDF  
  33.         , 'elementHandlers': specialElementHandlers  
  34.     },  
  35.     function (dispose) {  
  36.       // dispose: object with X, Y of the last line add to the PDF  
  37.       //          this allow the insertion of new lines after html  
  38.         pdf.save('Test.pdf');  
  39.       },  
  40.     margins  
  41.   )  
Nézz szét itt.

Szerk.: én nem használtam még, nem tudom, mennyire jó.
2

jspdf

Laci_67 · 2014. Dec. 13. (Szo), 13.50
Köszi, megnézem ezt a script-et is egy oldalban.
Addig már eljutottam hogy táblázatokat is átfordít,de a méreteket nagyon megváltoztatja.
Az oldalt amit ajánlasz már átnéztem, azon a teljes lapra vonatkozó megoldásból nincs demó.
Ha itt megnézed Itt a 'Choose example' legutolsó menüpontja ezt mutatja be ,de nálam valamiért nem csinál semmit!!! Azt már kiderítettem az oldal forrásából hogy a $('.preview-pane').attr('src', string); kódrészlet .preview-pane osztája az ennek az oldalnak egy iframe azonosítója amiben az eredményt jeleníti meg,de ha ugyan ezt az osztájkijelölőt használom ugyan ekora iframe méretekkel akkor sem fut le a script!
  1. var pdf = new jsPDF('p','pt','a4');  
  2.   
  3. pdf.addHTML(document.body,function() {  
  4.     var string = pdf.output('datauristring');  
  5.     $('.preview-pane').attr('src', string);  
  6. });  
Pedid ez a kód ezen az oldalon profin működik.