1. 製品
  2.   PDF
  3.   JavaScript
  4.   PDFjs

PDFjs

 
 

PDF ファイル用のオープンソース JavaScript ライブラリ

オープンソースの無料 JavaScript ライブラリを介して、注釈、画像、テキストを PDF に追加します。

PDFjsとは？

PDFjs は、サーバー側およびクライアント側のアプリケーション開発に最適なオープン ソースの PDF (Portable Document Format) 生成ライブラリです。 PDF は世界中で人気があり、複数の企業が PDF を使用して世界中でドキュメントやレポートを作成および共有しています。 PDFjs ライブラリの助けを借りて、いくつかのコマンドを実行するだけで、独自のアプリケーション内で PDF ドキュメントにアクセスして再利用できます。

このライブラリには、PDF ドキュメントの作成、PDF への図形の描画、ヘッダーとフッターのサポート、PDF への表の追加、AFM フォントと OTF フォントの埋め込み、PDF ページへの画像の挿入、PDF の結合、ページの追加など、いくつかの注目すべき機能のサポートが組み込まれています。 PDF、テキストの挿入と表示、PDF の他のファイル形式へのエクスポートなど。

Previous Next

PDFjs 入門

PDFjs ライブラリをインストールするための推奨される最も簡単な方法は、npm を使用することです。次のコマンドを使用してそれを実現してください。

npm を使用して PDFjs をインストールする

 npm install pdfjs

無料の JavaScript API による PDF ドキュメントの作成

PDF ドキュメントは、企業や個人が相互に情報を保存および共有するために常に非常に役立ちます。 PDFjs ライブラリを使用すると、いくつかの簡単なコマンドを使用して、アプリケーション内で PDF ドキュメントを簡単に生成および変更できます。このライブラリは、開発者が新しいページを追加したり、画像を挿入したり、ドキュメントの向きを定義したりすることも容易にします。

JavaScript ライブラリを介して PDF ドキュメントを作成する

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' })
}

無料の JavaScript API を使用して PDF 注釈を作成する

オープン ソースの PDFjs ライブラリは、注釈を使用した PDF ドキュメントの作成をサポートしています。注釈を使用すると、開発者は PDF ドキュメント内にカスタム コンテンツを追加できます。テキスト、線、メモ、図形など、PDF ドキュメントで使用できるさまざまな種類の注釈があります。PDFjs ライブラリは完全にサポートしており、開発者が独自のアプリケーション内でさまざまな種類の PDF 注釈を簡単に作成できるようにします。次の単純なコード行により、JavaScript で PDF ドキュメントにテキスト注釈を追加できます。

  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 ドキュメントをプログラムで 1 つのドキュメントに結合できます。このライブラリを使用すると、プログラマーは既存の PDF ドキュメントから新しい PDF ドキュメントを生成したり、外部 PDF の特定のページを 1 つ追加したり、カーニングを実装したり、他の PDF のページ全体を追加したりできます。このライブラリでは、ユーザーがカスタム PDF レポートを作成することもできます。

PDF ドキュメントへのグラフィックの追加

グラフィックスと画像は、より良い情報を共有し、コンテンツの価値を高めるために常に非常に役立ちます. PDFjs ライブラリは、JavaScript の専門家が自分の選んだグラフィックスを JavaScript アプリケーション内に挿入するのを容易にします。 PDF ファイル内で JPEG や PNG などの画像タイプを使用できます。楕円、三角形、円などを描くこともできます。

JavaScript ライブラリ経由で JPEG を PDF に追加

 // 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)
    }

JavaScript を介して PDF ドキュメントのヘッダーとフッターを管理する

PDFjs ライブラリを使用すると、JavaScript 開発者は、わずか数行のコードで PDF ドキュメント内のヘッダーとフッターを管理できます。ページ番号の追加、フォントの調整、フォントの色の適用、行の高さの調整、テキストの配置の適用など、PDF のヘッダーとフッターを処理するための重要な機能がいくつか提供されています。次のコード例は、PDF ファイル内にヘッダーとフッターを追加する方法を示しています。

JavaScript ライブラリ経由で JPEG を PDF に追加

 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 })
    }
 日本