« »

jsPDF là một thư viện JavaScript mã nguồn mở, cho phép chúng ta xuất nội dung trang web thông qua JavaScript, thư viện này có thể làm việc ở cả hai phía client và server. jsPDF có thể hoạt động tốt trên hầu hết các trình duyệt, cũng như các nền tảng di động khác.

Nhãn: jsPDF, PDF, nội dung trang web, client, server, nền tảng di động

Báo cho chúng tôi lỗi JavaScript này

Demo
Phóng to
Tải lại
Cửa sổ mới

Miễn phí web hosting 1 năm đầu tại iPage

Nếu bạn vẫn còn đang tìm kiếm một nhà cung cấp hosting đáng tin cậy, tại sao không dành chút thời gian để thử với iPage, chỉ với không quá 40.000 VNĐ/tháng, nhưng bạn sẽ được khuyến mãi kèm với quà tặng trị giá trên 10.000.0000 VNĐ nếu thanh toán cho 24 tháng ~ 900.000 VNĐ?

Có trên 1 triệu khách hàng hiện tại của iPage đã & đang hài lòng với dịch vụ, tuyệt đối chắc chắn bạn cũng sẽ hài lòng giống họ! Quan trọng hơn, khi đăng ký sử dụng web hosting tại iPage thông qua sự giới thiệu của chúng tôi, bạn sẽ được hoàn trả lại toàn bộ số tiền bạn đã sử dụng để mua web hosting tại iPage. Wow, thật tuyệt vời! Bạn không phải tốn bất kì chi phí nào mà vẫn có thể sử dụng miễn phí web hosting chất lượng cao tại iPage trong 12 tháng đầu tiên. Chỉ cần nói chúng tôi biết tài khoản của bạn sau khi đăng ký.

Nếu muốn tìm hiểu thêm về ưu / nhược điểm của iPage, bạn hãy đọc đánh giá của ChọnHostViệt.com nhé! Thử iPage miễn phí cho năm đầu tiên NGAY

Mã nguồn
Files
JavaScript
HTML
In

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>

Lời bình (5)
Viết

bởi dung, 05/08/2011 04:08 PM
code ko chạy duoc trên firefox và IE Phản hồi

Code trên ko chạy được trên IE và Firefox, nhờ BQT fix lại dùm. thanks

bởi Cao Phong, 05/08/2011 10:08 PM
bạn kiểm tra lại nhé @ dung Phản hồi

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

bởi dung, 06/08/2011 08:08 AM
Url die Phản hồi

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

bởi Cao Phong, 06/08/2011 03:08 PM
ồ, xin lỗi bạn thiệt nhiều nhé @ dung Phản hồi

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
Trích dẫn:

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

bởi dũng, 06/08/2011 10:08 PM
tiếng việt trong JS Phản hồi

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

bởi Xem

Hủy phản hồi

Viết lời bình của bạn

Lời bình của khách sẽ được xem xét
Cung cấp email thật để nhận các trả lời, nếu không bình luận của bạn sẽ bị xóa

Tên bạn *
Email của bạn^g *
~~Website của bạn~~

Tiêu đề bình luận

Tôi khẳng định 100% là người thực
Tôi lặp lại tôi không phải là công cụ máy

Lượt gửi (0)
Mới

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.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

Cool Domains for Sale!

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

Ngày cập nhật:
Tác giả:
Lượt xem:
Lời bình:
Lượt đánh giá:
Lượt gửi:
Kích thước:
Thứ hạng:

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

jsPDF: Công cụ tạo PDF cho trang web dùng JavaScript - JID: 2443 - Ngôn ngữ: tiếng Việt

0/5 0 lượt đánh giá / 18,394 lượt xem / 5 lời bình 01/09/2010 jsPDF là một thư viện JavaScript mã nguồn mở, cho phép chúng ta xuất...jsPDF: Công cụ tạo PDF cho trang web dùng JavaScript - JID: 2443 - jsPDF: Công cụ tạo PDF cho trang web dùng JavaScript - Ngôn ngữ: tiếng Việt

Cao Phong[10] hoangha2010 haquochnk

Hãy là thành viên đầu tiên làm điều này