« »

jsPDF is an open-source JavaScript library written by James, this tool allow us generate PDF web page documents in server-side and client-side by using nothing but JavaScript. You can use it in a Firefox extension, in Server Side JavaScript and with Data URIs in some browsers. Demos work best in Safari or iPhone Safari.

Label: jsPDF, PDF, web page document, server side, client side, Firefox extension, Server Side JavaScript, Safari, iPhone

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
Files
JavaScript
HTML
Print

Copy All x2

<script type="text/javascript" src="base64.js"></script>
<script type="text/javascript" src="sprintf.js"></script>
<script type="text/javascript" src="jspdf.js"></script>

<script type="text/javascript">

function demo1() {
	var doc = new jsPDF();
	doc.text(20, 20, 'Hello world!');
	doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
	doc.addPage();
	doc.text(20, 20, 'Do you like that?');
	
	// Output as Data URI
	doc.output('datauri');
}

function demo2() {
	var doc = new jsPDF();
	doc.setFontSize(22);
	doc.text(20, 20, 'This is a title');
	
	doc.setFontSize(16);
	doc.text(20, 30, 'This is some normal sized text underneath.');	
	
	// Output as Data URI
	doc.output('datauri');
}

function demo3() {
	var doc = new jsPDF();
	doc.text(20, 20, 'This PDF has a title, subject, author, keywords and a creator.');
	
	// Optional - set properties on the document
	doc.setProperties({
		title: 'Title',
		subject: 'This is the subject',		
		author: 'James Hall',
		keywords: 'generated, javascript, web 2.0, ajax',
		creator: 'MEEE'
	});
	
	// Output as Data URI
	doc.output('datauri');
}

function demo4() {	
	var name = prompt('What is your name?');
	var multiplier = prompt('Enter a number:');
	multiplier = parseInt(multiplier);

	var doc = new jsPDF();
	doc.setFontSize(22);	
	doc.text(20, 20, 'Questions');
	doc.setFontSize(16);
	doc.text(20, 30, 'This belongs to: ' + name);
	
	for(var i = 1; i <= 12; i ++) {
		doc.text(20, 30 + (i * 10), i + ' x ' + multiplier + ' = ___');
	}
	
	doc.addPage();
	doc.setFontSize(22);
	doc.text(20, 20, 'Answers');
	doc.setFontSize(16);
	
	for(var i = 1; i <= 12; i ++) {
		doc.text(20, 30 + (i * 10), i + ' x ' + multiplier + ' = ' + (i * multiplier));
	}	
	doc.output('datauri');
	
}

</script>

Copy All x2

<h2>Simple Two-page Text Document</h2>
<pre>var doc = new jsPDF();
doc.text(20, 20, 'Hello world!');
doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
doc.addPage();
doc.text(20, 20, 'Do you like that?');

// Output as Data URI
doc.output('datauri');</pre>
<a href="javascript:demo1()">Run Code</a>

<h2>Different font sizes</h2>
<pre>var doc = new jsPDF();
doc.setFontSize(22);
doc.text(20, 20, 'This is a title');

doc.setFontSize(16);
doc.text(20, 30, 'This is some normal sized text underneath.');	

// Output as Data URI
doc.output('datauri');</pre>
<a href="javascript:demo2()">Run Code</a>


<h2>Adding metadata</h2>
<pre>var doc = new jsPDF();
doc.text(20, 20, 'This PDF has a title, subject, author, keywords and a creator.');

// Optional - set properties on the document
doc.setProperties({
	title: 'Title',
	subject: 'This is the subject',		
	author: 'James Hall',
	keywords: 'generated, javascript, web 2.0, ajax',
	creator: 'MEEE'
});

// Output as Data URI
doc.output('datauri');</pre>
<a href="javascript:demo3()">Run Code</a>


<h2>Example of user input</h2>
<pre>var name = prompt('What is your name?');
var multiplier = prompt('Enter a number:');
multiplier = parseInt(multiplier);

var doc = new jsPDF();
doc.setFontSize(22);	
doc.text(20, 20, 'Questions');
doc.setFontSize(16);
doc.text(20, 30, 'This belongs to: ' + name);

for(var i = 1; i <= 12; i ++) {
	doc.text(20, 30 + (i * 10), i + ' x ' + multiplier + ' = ___');
}

doc.addPage();
doc.setFontSize(22);
doc.text(20, 20, 'Answers');
doc.setFontSize(16);

for(var i = 1; i <= 12; i ++) {
	doc.text(20, 30 + (i * 10), i + ' x ' + multiplier + ' = ' + (i * multiplier));
}	
doc.output('datauri');</pre>
<a href="javascript:demo4()">Run Code</a>

Comment (5)
Write

by dung, 05/08/2011 04:08 PM
code ko cháº¡y duoc trÃªn firefox vÃ IE Reply

Code trÃªn ko cháº¡y Ä‘Æ°á»£c trÃªn IE vÃ Firefox, nhá» BQT fix láº¡i dÃ¹m. thanks

by Cao Phong, 05/08/2011 10:08 PM
báº¡n kiá»ƒm tra láº¡i nhÃ© @ dung Reply

trÆ°á»›c khi Ä‘Äƒng thÃ¬ jsB@nk Ä‘Ã£ kiá»ƒm tra kÄ©, hoáº¡t Ä‘á»™ng tá»‘t trÃªn cÃ¡c trÃ¬nh duyá»‡t má»›i phá»• biáº¿n hiá»‡n nay (cÃ¡c version má»›i); vÃ má»›i kiá»ƒm tra láº¡i thÃªm má»™t láº§n ná»¯a, váº«n hoáº¡t Ä‘á»™ng Ä‘Æ°á»£c

báº¡n vui lÃ²ng xem láº¡i code cá»§a mÃ¬nh, hoáº·c nÃ¢ng cáº¥p trÃ¬nh duyá»‡t nhÃ©

ThÃ¢n

by dung, 06/08/2011 08:08 AM
Url die Reply

ChÃ o. mÃ¬nh sá» dá»¥ng IE 8, khi click vÃ o RunCode Ä‘áº§u tiÃªn thÃ¬ nÃ³ bÃ¡o ko tá»“n táº¡i trang. VÃ file Ä‘Ãnh kÃ¨m link Ä‘Ã£ hÆ° háº¿t, mong BQT fix láº¡i link dÃ¹m. thanks

by Cao Phong, 06/08/2011 03:08 PM
á»“, xin lá»—i báº¡n thiá»‡t nhiá»u nhÃ© @ dung Reply

má»›i vá»«a lÃªn trang nhÃ cá»§a hiá»‡u á»©ng nÃ y xem láº¡i, hiá»‡n táº¡i á»©ng dá»¥ng nÃ y chÆ°a há»— trá»£ má»i phiÃªn báº£n IE báº¡n nhÃ©, sáº½ cÃ³ trong tÆ°Æ¡ng lai ráº¥t gáº§n
Quote:

Client-side demo works best in Safari or iPhone Safari. Also works Firefox 3 on Windows and Opera. IE support on the way.

nÃ³i chung hiá»‡n táº¡i báº¡n chá»‰ cÃ³ thá»ƒ sá» dá»¥ng trÃªn FF3+, Opera vÃ Safari thÃ´i

vÃ Ä‘Ã£ sá»a láº¡i Ä‘Æ°á»ng dáº«n, cÃ¡m Æ¡n báº¡n láº§n ná»¯a vÃ¬ nhá»¯ng lá»—i ngá»› ngáº©n nÃ y

by dÅ©ng, 06/08/2011 10:08 PM
tiáº¿ng viá»‡t trong JS Reply

ChÃ o. Cho mÃ¬nh há»i Ä‘á»ƒ tiáº¿ng viá»‡t vÃ o pháº§n ná»™i dung thÃ¬ nÃ³ bá»‹ mÃ£ hÃ³a háº¿t,JS nÃ y ko há»• trá»£ Unicode hay sao.
CÃ¡m Æ¡n nhiá»u

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
~~Your site~~

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz
Voice chat comning soon. You could talk to ChatGPT and hear the most intelligent AI speaks very soon

Cool Domains for Sale!

CryptoKD.com this.bid CoinHolo.com ChatTotal.com choose.works index.services ZWVQ.com CTRCoin.com ApexBTC.com war.money Card.rip eChainBank.com XMQV.com YeuNu.com system.money choose.exchange ChainTutor.com CreditCard.rip pornID.net ABP3.com

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

01/09/2010
James Hall [more]
18,152
5
0
0
0.09 KBytes

jsPDF: Generating your PDF Web Page Documents using JavaScript - Language: English

0/5 0 votes / 18,152 previews / 5 comment 01/09/2010 jsPDF is an open-source JavaScript library written by James, this tool allow us...jsPDF: Generating your PDF Web Page Documents using JavaScript - jsPDF: Generating your PDF Web Page Documents using JavaScript - Language: English

Cao Phong[10] hoangha2010 haquochnk

Let's be first member to do this