ไลบรารี JavaScript การเขียนโปรแกรม PDF ที่ประกาศ
ไลบรารีโอเพ่นซอร์สฟรีเพื่อสร้างเอกสาร PDF โดยการประกาศโครงสร้าง PDF ใน JavaScript
pdfmake คืออะไร?
Pdfmake เป็นไลบรารี JavaScript ที่มีประโยชน์ซึ่งมีทั้งฟรีและโอเพ่นซอร์ส ทำให้เป็นเครื่องมือที่ยอดเยี่ยมสำหรับการลดความซับซ้อนของกระบวนการสร้างเอกสาร PDF ในเว็บแอปพลิเคชัน คุณสามารถประกาศโครงสร้างเอกสาร PDF ได้โดยการกำหนดข้อความ รูปภาพ ตาราง ฯลฯ ด้วยสไตล์ที่ต้องการนำไปใช้ จากนั้น pdfmake จะจัดการส่วนที่เหลือเพื่อสร้าง PDF ด้วยสไตล์ภาพที่คุณต้องการดังที่แสดงด้านล่าง:
ต่อไปนี้เป็นคุณสมบัติหลักบางประการของ pdfmake:
- การสร้าง PDF: Pdfmake ช่วยให้คุณสร้างเอกสาร PDF จากข้อมูลที่มีโครงสร้าง ช่วยให้สร้างรายงาน ใบแจ้งหนี้ แบบฟอร์ม และเอกสารประเภทอื่น ๆ ได้อย่างง่ายดาย
- การเพิ่มตาราง: Pdfmake ช่วยให้คุณสามารถออกแบบและแทรกตารางลงใน PDF ของคุณได้อย่างง่ายดาย ทำให้การแสดงข้อมูลแบบตารางและการรักษาเค้าโครงที่มีโครงสร้างเป็นเรื่องง่าย
- การเพิ่มรูปภาพ: Pdfmake อนุญาตให้รวมรูปภาพในเอกสาร PDF ของคุณ ทำให้สามารถรวมโลโก้ กราฟิก หรือรูปถ่ายเพื่อเพิ่มความดึงดูดสายตาได้
- การเพิ่มรหัสผ่าน: Pdfmake รองรับการเพิ่มการป้องกันด้วยรหัสผ่านให้กับ PDF ของคุณ ซึ่งช่วยรักษาความปลอดภัยข้อมูลที่ละเอียดอ่อนโดยกำหนดให้ต้องมีรหัสผ่านสำหรับการเข้าถึงเอกสาร
เริ่มต้นใช้งาน pdfmake
เราสามารถดาวน์โหลดไลบรารี pdfmake ได้โดยใช้โมดูล npm:
การติดตั้งโดยใช้ NPM
คุณสามารถใช้โมดูล npm หากคุณใช้ npm เป็นตัวจัดการแพ็คเกจของคุณ:
ติดตั้งโดยใช้ NPM
npm install pdfmake
หรืออีกวิธีหนึ่ง เราสามารถโหลดได้จาก CDN ดังด้านล่างนี้:
- 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
การสร้างเอกสาร PDF
เราสามารถสร้างเอกสาร PDF โดยใช้แนวทางการประกาศของไลบรารี pdfmake นอกจากนี้เรายังสามารถเพิ่มเนื้อหาเช่นข้อความและไฮเปอร์ลิงก์พร้อมสไตล์ดังแสดงในตัวอย่างด้านล่าง:
เอาท์พุต
ผลลัพธ์ต่อไปนี้แสดงเอกสาร PDF ที่สร้างขึ้น:
การสร้าง PDF ด้วยตาราง
เราสามารถสร้าง PDF และเพิ่มตารางลงใน PDF โดยใช้ไลบรารี pdfmake ในตัวอย่างนี้ เราจะใช้คำสั่ง ตาราง เพื่อสร้างตาราง กำหนดการตั้งค่าตาราง และเพิ่มข้อมูล เช่น ส่วนหัวของตารางและค่าต่างๆ ดังที่แสดงด้านล่าง:
เอาท์พุต
ภาพหน้าจอด้านล่างแสดงเอกสาร PDF พร้อมตารางที่เพิ่มเข้าไป:
การสร้าง PDF ด้วยรูปภาพ
นอกจากนี้เรายังสามารถสร้าง PDF และเพิ่มรูปภาพลงใน PDF โดยใช้แนวทางการประกาศของไลบรารี pdfmake เราใช้คำสั่ง รูปภาพ เพื่อเพิ่มรูปภาพ แต่เราไม่สามารถใช้รูปภาพจากระบบไฟล์ในเครื่องของเราได้โดยตรง ในการใช้รูปภาพ เราจำเป็นต้องคัดลอกรูปภาพไปยัง Virtual File System (VFS) ที่จัดทำโดยไลบรารี pdfmake ดังแสดงในตัวอย่างโค้ดด้านล่าง:
เอาท์พุต
ภาพหน้าจอต่อไปนี้แสดงเอกสาร PDF ที่สร้างขึ้นพร้อมรูปภาพ:
การสร้างเอกสาร PDF ที่ป้องกันด้วยรหัสผ่าน
นอกจากนี้ยังสามารถสร้างเอกสาร PDF ที่ป้องกันด้วยรหัสผ่านได้โดยใช้คำสั่ง รหัสผ่านผู้ใช้ ของไลบรารี pdfmake ซึ่งจะจำกัดการเข้าถึงของผู้ใช้ที่ไม่ได้รับอนุญาตในเอกสาร PDF ตรวจสอบข้อมูลโค้ดด้านล่างเพื่อดูรายละเอียด:
เอาท์พุต
เมื่อเปิดเอกสาร PDF ที่สร้างขึ้น ระบบจะแสดงรหัสผ่านดังนี้:
บทสรุป
โดยสรุป pdfmake เป็นไลบรารี JavaScript ที่ใช้งานง่ายพร้อมความสามารถในการสร้าง PDF ผ่านแนวทางการประกาศของการใช้ วัตถุคำจำกัดความของเอกสารเป็นคำสั่ง