PDFjs
ไลบรารี JavaScript โอเพ่นซอร์สสำหรับไฟล์ PDF
เพิ่มคำอธิบายประกอบ รูปภาพ และข้อความเป็น PDF ผ่านไลบรารี JavaScript แบบโอเพ่นซอร์สฟรี
PDFjs คืออะไร?
PDFjs เป็นไลบรารีรุ่นโอเพ่นซอร์ส Portable Document Format (PDF) ที่สามารถปรับให้เข้ากับการพัฒนาแอปพลิเคชันฝั่งเซิร์ฟเวอร์และไคลเอ็นต์ได้ดีที่สุด PDF เป็นที่นิยมทั่วโลก และหลายบริษัทใช้ PDF เพื่อสร้างและแบ่งปันเอกสารหรือรายงานทั่วโลก ด้วยความช่วยเหลือของไลบรารี PDFjs คุณเพียงแค่ต้องใช้คำสั่งสองสามคำสั่งในการเข้าถึงและนำเอกสาร PDF กลับมาใช้ใหม่ภายในแอปพลิเคชันของคุณเอง
ไลบรารีได้รวมการรองรับสำหรับคุณสมบัติที่เห็นได้ชัดเจนหลายอย่าง เช่น การสร้างเอกสาร PDF, การวาดรูปร่างเป็น PDF, การรองรับส่วนหัวและส่วนท้าย, การเพิ่มตารางลงใน PDF, การฝังฟอนต์ AFM และการฝังฟอนต์ OTF, การแทรกรูปภาพไปยังหน้า PDF, การรวม PDF, เพิ่มหน้าลงใน PDF, การแทรกและการแสดงข้อความ, การส่งออก PDF ไปยังรูปแบบไฟล์อื่นและอื่น ๆ อีกมากมาย
เริ่มต้นใช้งาน PDFjs
วิธีที่แนะนำและง่ายที่สุดในการติดตั้งไลบรารี PDFjs คือการใช้ npm โปรดใช้คำสั่งต่อไปนี้เพื่อให้บรรลุ
ติดตั้ง PDFjs โดยใช้ npm
npm install pdfjs
การสร้างเอกสาร PDF ผ่าน JavaScript API ฟรี
เอกสาร PDF มีประโยชน์มากสำหรับบริษัทและบุคคลในการบันทึกและแบ่งปันข้อมูลระหว่างกัน ไลบรารี PDFjs ช่วยให้คุณสร้างและแก้ไขเอกสาร PDF ภายในแอปพลิเคชันของคุณได้อย่างง่ายดายด้วยคำสั่งง่ายๆ เพียงไม่กี่คำ ไลบรารียังอำนวยความสะดวกให้นักพัฒนาเพิ่มหน้าใหม่ แทรกรูปภาพ กำหนดการวางแนวเอกสาร และอื่นๆ อีกมากมาย
สร้างเอกสาร PDF ผ่าน JavaScript Library
const pdf = require('.lib')
// Add Text Annotations
module.exports = function(doc, { lorem, font }) {
doc.text('goto B', { goTo: 'B' })
doc.text('goto A', { goTo: 'A' })
}
สร้างคำอธิบายประกอบ PDF ผ่าน JavaScript API ฟรี
ไลบรารี PDFjs แบบโอเพ่นซอร์สรองรับการสร้างเอกสาร PDF ด้วย คำอธิบายประกอบ คำอธิบายประกอบช่วยให้นักพัฒนาเพิ่มเนื้อหาที่กำหนดเองในเอกสาร PDF มีคำอธิบายประกอบหลายประเภทที่สามารถใช้ในเอกสาร PDF เช่น ข้อความ เส้น บันทึกย่อหรือรูปร่าง เป็นต้น ไลบรารี PDFjs รองรับอย่างเต็มที่และทำให้นักพัฒนาสามารถสร้างคำอธิบายประกอบ PDF ประเภทต่างๆ ภายในแอปพลิเคชันของตนเองได้อย่างง่ายดาย โค้ดง่ายๆ ต่อไปนี้สามารถเพิ่มคำอธิบายประกอบแบบข้อความในเอกสาร PDF ใน JavaScript
- รวมไลบรารี PDFjs
- เพิ่มคำอธิบายประกอบข้อความ
- ส่งออกเอกสาร PDF
เพิ่มคำอธิบายประกอบข้อความใน PDF - JavaScript
const pdf = require('.lib')
// Add Text Annotations
module.exports = function(doc, { lorem, font }) {
doc.text('goto B', { goTo: 'B' })
doc.text('goto A', { goTo: 'A' })
}
การรวมเอกสาร PDF
ไลบรารี PDFjs ช่วยให้นักพัฒนาซอฟต์แวร์สามารถรวมเอกสาร PDF จำนวนมากโดยทางโปรแกรมเป็นเอกสารเดียวภายในแอปของตนได้ ไลบรารีช่วยให้โปรแกรมเมอร์สร้างเอกสาร PDF ใหม่จากเอกสารที่มีอยู่ เพิ่มหน้าเฉพาะของ PDF ภายนอก ใช้การจัดช่องไฟ เพิ่มทั้งหน้าของ PDF อื่นๆ และอื่นๆ ห้องสมุดยังให้ผู้ใช้สามารถสร้างรายงาน PDF แบบกำหนดเองได้
การเพิ่มกราฟิกลงในเอกสาร PDF
กราฟิกและรูปภาพมีประโยชน์มากเสมอสำหรับการแบ่งปันข้อมูลที่ดีขึ้นและเพิ่มมูลค่าให้กับเนื้อหา ไลบรารี PDFjs ช่วยให้มืออาชีพด้าน JavaScript แทรกกราฟิกที่ต้องการภายในแอปพลิเคชัน JavaScript คุณสามารถใช้รูปภาพประเภทต่างๆ เช่น JPEG หรือ PNG ภายในไฟล์ PDF คุณยังสามารถวาดวงรี สามเหลี่ยม วงกลม ฯลฯ
เพิ่ม JPEG เป็น PDF ผ่าน JavaScript Library
// Adding JPEG image to PDF via PDFjs
module.exports = function(doc, {image, lorem}) {
doc.image(image.jpeg, {
width: 64, align: 'center', wrap: false, x: 10, y: 30
})
doc.text(lorem.shorter)
doc.image(image.jpeg)
doc.image(image.jpeg, {
width: 128, align: 'left'
})
doc.image(image.jpeg, {
height: 55, align: 'center'
})
doc.image(image.jpeg, {
width: 128, align: 'right'
})
doc.text(lorem.shorter)
}
จัดการส่วนหัวและส่วนท้ายในเอกสาร PDF ผ่าน JavaScript
ไลบรารี PDFjs ช่วยให้นักพัฒนา JavaScript จัดการส่วนหัวและส่วนท้ายภายในเอกสาร PDF ของพวกเขาด้วยโค้ดเพียงไม่กี่บรรทัด มันมีคุณสมบัติที่สำคัญหลายประการสำหรับการจัดการส่วนหัวและส่วนท้าย PDF เช่น การเพิ่มหมายเลขหน้า การปรับแบบอักษร การใช้สีแบบอักษร การปรับความสูงของบรรทัด การใช้การจัดตำแหน่งข้อความ และอื่นๆ ตัวอย่างโค้ดต่อไปนี้แสดงวิธีการเพิ่มส่วนหัวและส่วนท้ายในไฟล์ PDF
เพิ่ม JPEG เป็น PDF ผ่าน JavaScript Library
module.exports = function(doc, {lorem, image}) {
// header
const header = doc.header()
header.text('text')
let cell = header.cell({ padding: 20, backgroundColor: 0xdddddd })
cell.text('TESTING')
cell.image(image.pdf)
// footer
const footer = doc.footer()
footer.text('text')
cell = footer.cell({ padding: 20, backgroundColor: 0xdddddd })
cell.image(image.complexPdf)
cell.text('TESTING')
// body
doc.text('Hello')
doc.pageBreak()
doc.text(lorem.long, { fontSize: 20 })
}