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

無料の JavaScript API を使用して PDF ファイルを作成および管理する

オープン ソースの Pure JavaScript ライブラリを使用すると、PDF ファイルの作成、画像、テキストの挿入、余白の設定、PDF への添付ファイルの追加を Node および Web ブラウザで行うことができます。

PDFKit は、最小限の労力とコストで PDF ドキュメントを作成および管理するための非常に便利なオープン ソース JavaScript ライブラリです。 API は簡単に処理でき、低レベルの機能だけでなく、高レベルの機能の抽象化もサポートします。

PDFKit ライブラリは非常に機能が豊富で、JPEG および PNG 画像の挿入、PDF 暗号化のサポート、アクセス権限、リンクの挿入、行の折り返し、テキストの配置、箇条書きリストの追加など、PDF ドキュメントの作成と管理に関連する多数の重要な機能のサポートが含まれています。 、テキストの強調表示、フォントの埋め込み、変換のサポート、線形グラデーションと放射状グラデーションの追加、メモの追加など。

ライブラリは非常に安定しており、クライアントやサーバー側でも簡単に使用できます。 ブラウザだけでなく、Node.jsでは、複雑なマルチページ、印刷可能な文書の作成を完全にサポートできません。 Internet Explorer、Firefox、Chrome、Opera、Safariなどの多くの人気ブラウザで実行できます。

Previous Next

PDFKitを始めよう

PDFKitはnumで利用できます、 簡単にダウンロードして、マシンにインストールできます。 スムーズなインストールには、次のコマンドを使用してください。

PDFKitをインストール

npm install pdfkit

JavaScriptライブラリを使用してPDFファイルを作成&編集

無料の PDFKit ライブラリを使用して、獲得した JavaScript アプリケーション内で PDF ドキュメントを簡単に作成できます。わずか数行のコードで複雑な複数ページのドキュメントを含むカスタム PDF を生成できるようにすることで、JavaScript 開発者の仕事を容易にします。ページ サイズの選択、デフォルトの余白の変更、フォント タイプまたはフォント サイズの選択、フォーマットとスタイルの適用など、いくつかの重要な機能のサポートが含まれています。

JavaScript 図書館で PDF ファイルを作成する

const PDFDocument = require('pdfkit');
const fs = require('fs');
// Create a document
const doc = new PDFDocument();
// Pipe its output somewhere, like to a file or HTTP response
// See below for browser usage
doc.pipe(fs.createWriteStream('output.pdf'));
// Embed a font, set the font size, and render some text
doc
  .font('fonts/PalatinoBold.ttf')
  .fontSize(25)
  .text('Some text with an embedded font!', 100, 100);
// Add an image, constrain it to a given size, and center it vertically and horizontally
doc.image('path/to/image.png', {
  fit: [250, 300],
  align: 'center',
  valign: 'center'
});
// Add another page
doc
  .addPage()
  .fontSize(25)
  .text('Here is some vector graphics...', 100, 100);
// Finalize PDF file
doc.end();

JavaScript API 経由で PDF 内の画像の追加と管理

オープンソースPDFKitライブラリを使用してPDFドキュメント内の画像をPDFドキュメントに差し込むのは非常に簡単です。 画像パス、バッファ、またはデータ uri を base64 のエンコードされたデータで提供し、それをイメージメソッドに渡すだけです。 画像の幅や高さ、スケールイメージをカスタマイズしたり、形状、ストレッチイメージ、アクセスイメージを URL で横に整列したり、画像を縦に整列したりするなど、画像を扱う機能がいくつか用意されています。

JavaScript を使用して PDF 内の画像を管理する方法

 // Scale proprotionally to the specified width
doc.image('images/test.jpeg', 0, 15, {width: 300})
   .text('Proportional to width', 0, 0);
// Fit the image within the dimensions
doc.image('images/test.jpeg', 320, 15, {fit: [100, 100]})
   .rect(320, 15, 100, 100)
   .stroke()
   .text('Fit', 320, 0);
// Stretch the image
doc.image('images/test.jpeg', 320, 145, {width: 200, height: 100})
   .text('Stretch', 320, 130);
// Scale the image
doc.image('images/test.jpeg', 320, 280, {scale: 0.25})
   .text('Scale', 320, 265);
// Fit the image in the dimensions, and center it both horizontally and vertically
doc.image('images/test.jpeg', 430, 15, {fit: [100, 100], align: 'center', valign: 'center'})
   .rect(430, 15, 100, 100).stroke()
   .text('Centered', 430, 0);

S APIでPDFのテキストをインサート&管理

オープン ソースの JavaScript ライブラリ PDFKit を使用すると、ソフトウェアの専門家は PDF ドキュメント内にテキストを挿入したり変更したりできます。テキストの追加とカスタマイズは非常に簡単に処理でき、PDFKit ライブラリには、テキストの形成とスタイル設定を処理するための便利な機能がいくつか用意されています。テキストの位置合わせ、行の折り返し、改行、テキストのインデント、段落間のスペースの設定、テキストのストローク、リストの追加、リッチ テキストのサポートなどの機能が含まれています。

JavaScript API を介してテキストの位置合わせを適用する方法

 const lorem = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in suscipit purus.  Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus nec hendrerit felis. Morbi aliquam facilisis risus eu lacinia. Sed eu leo in turpis fringilla hendrerit. Ut nec accumsan nisl.';
doc.fontSize(8);
doc.text(`This text is left aligned. ${lorem}`, {
  width: 410,
  align: 'left'
}
);
doc.moveDown();
doc.text(`This text is centered. ${lorem}`, {
  width: 410,
  align: 'center'
}
);
doc.moveDown();
doc.text(`This text is right aligned. ${lorem}`, {
  width: 410,
  align: 'right'
}
);
doc.moveDown();
doc.text(`This text is justified. ${lorem}`, {
  width: 410,
  align: 'justify'
}
);
// draw bounding rectangle
doc.rect(doc.x, 0, 410, doc.y).stroke();
 日本