PDFjs

 
 

ไลบรารี JavaScript โอเพ่นซอร์สสำหรับไฟล์ PDF

เพิ่มคำอธิบายประกอบ รูปภาพ และข้อความเป็น PDF ผ่านไลบรารี JavaScript แบบโอเพ่นซอร์สฟรี

PDFjs คืออะไร?

PDFjs เป็นไลบรารีรุ่นโอเพ่นซอร์ส Portable Document Format (PDF) ที่สามารถปรับให้เข้ากับการพัฒนาแอปพลิเคชันฝั่งเซิร์ฟเวอร์และไคลเอ็นต์ได้ดีที่สุด PDF เป็นที่นิยมทั่วโลก และหลายบริษัทใช้ PDF เพื่อสร้างและแบ่งปันเอกสารหรือรายงานทั่วโลก ด้วยความช่วยเหลือของไลบรารี PDFjs คุณเพียงแค่ต้องใช้คำสั่งสองสามคำสั่งในการเข้าถึงและนำเอกสาร PDF กลับมาใช้ใหม่ภายในแอปพลิเคชันของคุณเอง

ไลบรารีได้รวมการรองรับสำหรับคุณสมบัติที่เห็นได้ชัดเจนหลายอย่าง เช่น การสร้างเอกสาร PDF, การวาดรูปร่างเป็น PDF, การรองรับส่วนหัวและส่วนท้าย, การเพิ่มตารางลงใน PDF, การฝังฟอนต์ AFM และการฝังฟอนต์ OTF, การแทรกรูปภาพไปยังหน้า PDF, การรวม PDF, เพิ่มหน้าลงใน PDF, การแทรกและการแสดงข้อความ, การส่งออก PDF ไปยังรูปแบบไฟล์อื่นและอื่น ๆ อีกมากมาย

Previous Next

เริ่มต้นใช้งาน 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

  1. รวมไลบรารี PDFjs
  2. เพิ่มคำอธิบายประกอบข้อความ
  3. ส่งออกเอกสาร 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 })
    }
 ไทย