[]
DsPdfJS API v9.1.1
Document Solutions for PDF JS (DsPdfJS) is a powerful PDF library for JavaScript and TypeScript that provides a rich set of APIs for fast, memory-efficient PDF and image processing in modern web and server-side environments.
Powered by WebAssembly (Wasm), DsPdfJS runs in browsers and JavaScript runtimes such as Node.js, Deno, and Bun. Its core object model follows the PDF specification, providing programmatic access to PDF elements such as document properties, pages, fonts, annotations, forms, and more.
DsPdfJS also includes high-level APIs for creating PDF documents with complex layouts including formatted text, graphics, images, forms, and advanced document workflows.
DsPdfJS is compatible with:
PdfDocument.pages.clone() did not clone form fields and annotations even when cloneFields or cloneAnnotations parameters were set to true. (DOC-7621)importFormDataFromFDF() failed to import some form field data from FDF files. (DOC-7620)getText() returned incorrect content when extracting text from redacted PDFs. (DOC-7617)RadialGradientBrush to shapes. (DOC-7570)deleteText() removed content that should not have been deleted. (DOC-7526)Added new properties:
get DrawingContext.width(): number;get DrawingContext.height(): number;get DrawingContext.resolution(): number;FormatProperties.allowFontSbits?: boolean;get Format.allowFontSbits(): boolean;Added new method overloads:
BilevelBitmap.clip(x: number, y: number, width: number, height: number, metadataOnly?: boolean): BilevelBitmap;GrayscaleBitmap.clip(x: number, y: number, width: number, height: number, metadataOnly?: boolean): GrayscaleBitmap;Bitmap.resize(width: number, height: number, interpolationMode?: em.InterpolationMode): Bitmap;Bitmap.clip(x: number, y: number, width: number, height: number, metadataOnly?: boolean): Bitmap;Layout.append(text: string): void;Layout.append(text: string, format: Format): void;Layout.append(text: string, font: Font, fontSize: number, foreColor: ds.Color): void;Layout.appendLine(text: string): void;Layout.appendLine(text: string, format: Format): void;Layout.appendLine(text: string, font: Font, fontSize: number, foreColor: ds.Color): void;npm install @mescius/ds-pdf
DsPdfJS uses a WebAssembly module. You must point DsPdfConfig.wasmUrl to the shipped .wasm file:
import { DsPdfConfig } from "@mescius/ds-pdf";
DsPdfConfig.wasmUrl = "/node\_modules/@mescius/ds-pdf/assets/DsPdf.wasm";
// await DsPdfConfig.setLicenseKey("YOUR\_LICENSE\_KEY");
import { connectDsPdf } from "@mescius/ds-pdf";
const connected = await connectDsPdf();
if (!connected) throw new Error("Failed to initialize DsPdfJS.");
import { DsPdfConfig, connectDsPdf, PdfDocument, pushObjectManager, popObjectManager
} from "@mescius/ds-pdf";
DsPdfConfig.wasmUrl = "/node_modules/@mescius/ds-pdf/assets/DsPdf.wasm";
// await DsPdfConfig.setLicenseKey("...");
if (!(await connectDsPdf())) throw new Error("Failed to initialize DsPdfJS.");
pushObjectManager();
try {
const doc = new PdfDocument();
const page = doc.pages.addNew();
const ctx = page.context;
ctx.drawText({ text: "Hello, World!", fontSize: 20 }, 72, 72);
const pdfData = doc.savePdf();
// pdfData is a Uint8Array (or equivalent binary buffer)
return pdfData;
} finally {
popObjectManager();
}
Include the UMD bundle directly:
<script src="node_modules/@mescius/ds-pdf/umd/ds-pdf.js"></script>
<script>
async function createDocument() {
// UMD bundle exposes global 'DocSol'
DocSol.DsPdfConfig.wasmUrl = "/node_modules/@mescius/ds-pdf/assets/DsPdf.wasm";
// await DocSol.DsPdfConfig.setLicenseKey("...");
const connected = await DocSol.connectDsPdf();
if (!connected) throw new Error("Failed to initialize DsPdfJS.");
// Use an ObjectManager to control native/Wasm-backed object lifetimes:
const om = new DocSol.ObjectManager();
try {
const doc = new DocSol.PdfDocument(om);
const page = doc.pages.addNew();
const ctx = page.context;
ctx.drawText({ text: "Hello, World!", fontSize: 20 }, 72, 72);
return doc.savePdf();
} finally {
om.dispose();
}
}
createDocument()
.then(pdfData => console.log("PDF created:", pdfData))
.catch(err => console.error(err));
</script>
const { DsPdfConfig, connectDsPdf, PdfDocument, ObjectManager } = require("@mescius/ds-pdf");
// Example: set to the package Wasm (adjust to your environment/pathing)
DsPdfConfig.wasmUrl = "./node_modules/@mescius/ds-pdf/assets/DsPdf.wasm";
// await DsPdfConfig.setLicenseKey("...");
(async () => {
if (!(await connectDsPdf())) throw new Error("Failed to initialize DsPdfJS.");
const om = new ObjectManager();
try {
const doc = new PdfDocument(om);
const page = doc.pages.addNew();
const ctx = page.context;
ctx.drawText({ text: "Hello, World!", fontSize: 20 }, 72, 72);
const pdfData = doc.savePdf();
return pdfData;
} finally {
om.dispose();
}
})();
Many objects are backed by Wasm memory. Use one of these patterns to control memory usage:
pushObjectManager(); ... popObjectManager();const om = new ObjectManager(); ... om.dispose();@withObjectManager async pdfSample1() { ... }This makes sure that intermediate objects are released when no longer needed.
A commercial license is required for production use.
Each purchase includes one year of updates and support. Please contact MESCIUS Sales (us.sales@mescius.com) for pricing, trial keys, and licensing options.