Share Tạo tài liệu PDF bằng JavaScript với thư viện jsPDF

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Thông thường khi các bạn muốn tạo một tài liệu định dạng PDF thì các bạn sử dụng các ngôn ngữ lập trình như PHP, C#,... Với cách thức này thì tài liệu được khởi tạo từ máy chủ và cho người dùng tải về, các bạn có thể tham khảo bài viết "Tạo PDF dễ dàng trong PHP với thư viện Dompdf" và bài viết "Tạo PDF từ URL hoặc trang HTML" để biết cách sử dụng ngôn ngữ lập trình PHP tạo tài liệu PDF. Hiện nay, với sự phát triển rất mạnh của JavaScript các bạn hoàn toàn có thể tạo tài liệu PDF trực tiếp từ máy khách. Để thực hiện được điều này, các bạn có thể tự viết chương trình hoặc nhanh nhất là sử dụng thư viện jsPDF.

Thư viện jsPDF là một thư viện JavaScript mã nguồn mở đang được sử dụng rộng rãi trên môi trường web. Điểm nổi bật của thư viện jsPDF là việc tạo tài liệu PDF dễ dàng, nhanh chóng với rất nhiều tuỳ chọn định dạng nội dung. Ngoài ra, thư viện jsPDF còn được phát triển cho React đang rất được ưa thích hiện nay trong giới front-end.

Các bạn có thể dễ dàng sử dụng thư viện jsPDF bằng cách tải về tại địa chỉ https://unpkg.com/jspdf@latest/dist/jspdf.min.js và tích hợp vào website với dòng mã lệnh HTML như sau:
HTML:
<script src="path/to/jspdf.min.js"></script>
Hoặc nếu các bạn tích hợp vào React thì sử dụng dòng lệnh sau để cài đặt:
Code:
npm install jspdf --save
Bây giờ, các bạn có thể tạo một tài liệu PDF đơn giản như ví dụ sau:
JavaScript:
//Khởi tạo đối tượng
var doc = new jsPDF();

//Gán nội dung và lưu tập tin PDF
doc.text('Welcome to Gextend', 10, 10);
doc.save('filename.pdf');
Trên đây chỉ là một ví dụ rất đơn giản về thư viện jsPDF, các bạn có thể tìm hiểu thêm về thư viện jsPDF tại địa chỉ http://raw.githack.com/MrRio/jsPDF/master/docs.
 
Back
Top