Question Re: How to generate a pdf file using javascript? in Technology Q&A

How to generate a pdf file using javascript?

Former Member — Mon, 05 May 2014 18:21:23 GMT

I would like to generate a pdf file having images in it using javascript. I tried jsPDF but getting some exceptions like

Uncaught ReferenceError: pageWidth is not defined,

fail to load pdf document

Could anyone show me some pointers?

Thank You

Rahul

Re: How to generate a pdf file using javascript?

Former Member — Mon, 05 May 2014 18:50:41 GMT

You can start trying out here, jsPDF - HTML5 PDF Generator | Parallax

Regards

Sakthivel

Re: How to generate a pdf file using javascript?

Former Member — Mon, 05 May 2014 18:55:27 GMT

i already tried it. but not getting the actual output. instead, encountering above mentioned errors.

Re: How to generate a pdf file using javascript?

Former Member — Mon, 05 May 2014 19:17:34 GMT

Hi Rahul,

I tried, it works fine. check the snippet http://jsbin.com/cicoh/1/edit

Regards

Sakthivel

Re: How to generate a pdf file using javascript?

Former Member — Mon, 05 May 2014 19:22:43 GMT

Could you please try for having an image in pdf ?

As of now, I'm using a different bootstrap than yours. I'll also try by mentioning ur bootstrap for jspdf.js

Re: How to generate a pdf file using javascript?

Former Member — Mon, 05 May 2014 19:29:03 GMT

Image in a pdf works, http://jsbin.com/cicoh/2/edit

Re: How to generate a pdf file using javascript?

Former Member — Mon, 05 May 2014 19:31:02 GMT

in that case, how can we convert normal image to data url programmatically?

Re: How to generate a pdf file using javascript?

Former Member — Mon, 05 May 2014 20:28:19 GMT

check the snippet, JS Bin - Collaborative JavaScript Debugging</title> <link rel="icon" href="http://static.jsbin.…

This coverts image to data-uri. But execute it in firefox or chrome with --disable-web-security flag as there is an issue with cross domain.

Regards

Sakthivel

Re: How to generate a pdf file using javascript?

Former Member — Tue, 13 May 2014 17:36:23 GMT

Hi Sakthivel,

This code is giving me error. Could you please help me out.

Thank You

Rahul

Re: How to generate a pdf file using javascript?

Former Member — Tue, 13 May 2014 17:51:06 GMT

check this, JS Bin - Collaborative JavaScript Debugging</title> <link rel="icon" href="http://static.jsbin.… The previous one was throwing a security error due to CORS issue

Re: How to generate a pdf file using javascript?

Former Member — Tue, 13 May 2014 17:53:20 GMT

cool. will give a try now and let u know.

Thank you

Re: How to generate a pdf file using javascript?

Former Member — Tue, 13 May 2014 18:37:33 GMT

Here is my code

var myImg=new Image();

myImg.src=arrData['employee'][1]['Image'];

myImg.crossOrigin ="Anonymous";

var imgData = this.getBase64Image(myImg);

var doc = new jsPDF();

doc.setFontSize(40);

doc.text(35, 25, "Test Image");

doc.addImage(myImg, 'JPEG', 15, 40, 180, 160);

doc.save("sample1.pdf");

I'm receiving the following error at 'addImage' function.

Uncaught Error: getJpegSize could not find the size of the image

Could you please help in pointing out where am I going wrong.

Thank You

Re: How to generate a pdf file using javascript?

Former Member — Tue, 13 May 2014 18:45:58 GMT

If the image is already in the document (i.e. in the html page) then, your code is working perfect. But, it is giving me that error if I'm creating a image in the script.

Re: How to generate a pdf file using javascript?

Former Member — Fri, 23 May 2014 11:30:31 GMT

How about specifying the width & height for the Image.


myImg.style.width= '200px';
myImg.style.height= '200px';

Re: How to generate a pdf file using javascript?

Former Member — Mon, 01 Sep 2014 14:24:19 GMT

Hi Rahul,

Did you find solution for pdf creation?

Thanks in advance,

Rashmi