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.
var pdf = new jsPDF('p','pt','a4');

pdf.addHTML(document.body,function() {
	var string = pdf.output('datauristring');
	$('.preview-pane').attr('src', string);
});

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.
‹ IFrame magasság Karácsonyi visszaszámláló ›
 ■
1

Ezt nézd meg

Pepita · 2014. Dec. 12. (P), 16.23

var pdf = new jsPDF('p', 'pt', 'letter')

// source can be HTML-formatted string, or a reference
// to an actual DOM element from which the text will be scraped.
, source = $('#fromHTMLtestdiv')[0]

// we support special element handlers. Register them with jQuery-style
// ID selector for either ID or node name. ("#iAmID", "div", "span" etc.)
// There is no support for any other type of selectors
// (class, of compound) at this time.
, specialElementHandlers = {
	// element with id of "bypass" - jQuery style selector
	'#bypassme': function(element, renderer){
		// true = "handled elsewhere, bypass text extraction"
		return true
	}
}

margins = {
    top: 80,
    bottom: 60,
    left: 40,
    width: 522
  };
  // all coords and widths are in jsPDF instance's declared units
  // 'inches' in this case
pdf.fromHTML(
  	source // HTML string or DOM elem ref.
  	, margins.left // x coord
  	, margins.top // y coord
  	, {
  		'width': margins.width // max width of content on PDF
  		, 'elementHandlers': specialElementHandlers
  	},
  	function (dispose) {
  	  // dispose: object with X, Y of the last line add to the PDF
  	  //          this allow the insertion of new lines after html
        pdf.save('Test.pdf');
      },
  	margins
  )
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!
var pdf = new jsPDF('p','pt','a4');

pdf.addHTML(document.body,function() {
	var string = pdf.output('datauristring');
	$('.preview-pane').attr('src', string);
});
Pedid ez a kód ezen az oldalon profin működik.