Thư viện JavaScript lập trình PDF khai báo
Thư viện mã nguồn mở và miễn phí để tạo tài liệu PDF bằng cách khai báo cấu trúc PDF bằng JavaScript.
pdfmake là gì?
Pdfmake là một thư viện JavaScript tiện dụng, vừa miễn phí vừa là nguồn mở, khiến nó trở thành một công cụ tuyệt vời để đơn giản hóa quá trình tạo tài liệu PDF trong các ứng dụng web. Bạn có thể khai báo cấu trúc tài liệu PDF bằng cách xác định văn bản, hình ảnh, bảng, v.v. với các kiểu để áp dụng và pdfmake sẽ quản lý phần còn lại để tạo các tệp PDF với kiểu dáng trực quan mà bạn yêu cầu như hiển thị bên dưới:
Sau đây là một số tính năng chính của pdfmake:
- Tạo tệp PDF: Pdfmake cho phép bạn tạo tài liệu PDF từ dữ liệu có cấu trúc, cho phép dễ dàng tạo báo cáo, hóa đơn, biểu mẫu và các loại tài liệu khác.
- Thêm bảng: Pdfmake cho phép bạn dễ dàng, thiết kế và chèn bảng vào tệp PDF của mình, giúp việc hiển thị dữ liệu dạng bảng và duy trì bố cục có cấu trúc trở nên đơn giản.
- Thêm hình ảnh: Pdfmake cho phép đưa hình ảnh vào tài liệu PDF của bạn, giúp bạn có thể kết hợp biểu tượng, đồ họa hoặc ảnh để nâng cao sức hấp dẫn trực quan.
- Thêm mật khẩu: Pdfmake hỗ trợ thêm mật khẩu bảo vệ cho các tệp PDF của bạn, giúp bảo mật thông tin nhạy cảm bằng cách yêu cầu mật khẩu để truy cập tài liệu.
Bắt đầu với pdfmake
Chúng ta có thể tải xuống thư viện pdfmake bằng mô-đun npm:
Cài đặt bằng NPM
Bạn có thể sử dụng các mô-đun npm nếu bạn đang sử dụng npm làm trình quản lý gói của mình:
Cài đặt bằng NPM
npm install pdfmake
Ngoài ra, chúng ta có thể tải nó từ CDN như bên dưới:
- https://cdnjs.cloudflare.com/ajax/libs/pdfmake /0.2.7/pdfmake.js
- https://cdnjs.cloudflare.com/ajax/libs/pdfmake /0.2.7/vfs_fonts.js
Tạo tài liệu PDF
Chúng ta có thể tạo tài liệu PDF bằng cách sử dụng phương pháp khai báo của thư viện pdfmake. Chúng ta cũng có thể thêm nội dung như văn bản và siêu liên kết với kiểu dáng như trong ví dụ dưới đây:
đầu ra
Đầu ra sau đây hiển thị tài liệu PDF được tạo:
Tạo PDF bằng bảng
Chúng ta có thể tạo một tệp PDF và thêm bảng vào tệp PDF bằng thư viện pdfmake. Trong ví dụ này, chúng tôi sẽ sử dụng lệnh table để tạo bảng, định cấu hình cài đặt bảng và thêm dữ liệu như tiêu đề và giá trị bảng như hiển thị bên dưới:
đầu ra
Ảnh chụp màn hình đầu ra bên dưới hiển thị tài liệu PDF có bảng được thêm vào đó:
Tạo PDF bằng hình ảnh
Chúng tôi cũng có thể tạo tệp PDF và thêm hình ảnh vào tệp PDF bằng cách sử dụng phương pháp khai báo của thư viện pdfmake. Chúng tôi sử dụng lệnh hình ảnh để thêm hình ảnh nhưng chúng tôi không thể sử dụng trực tiếp hình ảnh từ hệ thống tệp cục bộ của mình. Để sử dụng hình ảnh, chúng ta cần sao chép hình ảnh vào Hệ thống tệp ảo (VFS) do thư viện pdfmake cung cấp như minh họa trong đoạn mã bên dưới:
đầu ra
Ảnh chụp màn hình sau đây hiển thị tài liệu PDF đã tạo có hình ảnh:
Tạo tài liệu PDF được bảo vệ bằng mật khẩu
Cũng có thể tạo tài liệu PDF được bảo vệ bằng mật khẩu bằng cách sử dụng lệnh userPassword của thư viện pdfmake để hạn chế quyền truy cập của người dùng trái phép vào Tài liệu PDF. Kiểm tra đoạn mã dưới đây để biết chi tiết:
đầu ra
Khi mở tài liệu PDF được tạo, lời nhắc mật khẩu sẽ được hiển thị như bên dưới:
Phần kết luận
Tóm lại, pdfmake là một thư viện JavaScript dễ sử dụng với khả năng tạo PDF thông qua cách tiếp cận khai báo bằng cách sử dụng đối tượng định nghĩa tài liệu làm chỉ thị.
