InkLayer Documentation
InkLayer is a PDF annotation SDK built on PDF.js, with dual support for React and Vue. These docs cover everything from quick start to in-depth API reference, helping you build document review, annotation editing, and commenting systems quickly.
Who Is This For
InkLayer is for developers who:
- Need to integrate PDF annotation into React or Vue projects
- Want to skip PDF.js internals and get working annotation capabilities quickly
- Are building products that require PDF interaction: document review, engineering drawing markup, online education, etc.
If you are building a PDF rendering engine from scratch, or need a fully custom rendering pipeline, InkLayer may not be the right fit.
Documentation Modules
| Module | Description |
|---|---|
| Quick Start | Get up and running with your first PDF annotation app in 5 minutes. |
| React Components | Complete PdfAnnotator / PdfViewer props, events, and usage examples. |
| Vue Components | PdfAnnotator / PdfViewer props, events, slots, and composables. |
| Annotation System | 14 annotation types, data model, coordinate system, and persistence formats. |
| Core API Reference | Annotation Core, Adapter interface, and Integration layer complete API reference. |
| Architecture | Layered architecture, Adapter pattern, data flow, and dual-framework shared core design. |
| FAQ | Installation, usage, performance optimization, and troubleshooting. |
Version Information
| Package | Version | Framework | Engine |
|---|---|---|---|
inklayer-react | 1.0.2 | React 18+ | PDF.js 4.3+ / Konva 9.0 |
inklayer-vue | 1.0.2 | Vue 3.5+ | PDF.js 4.3+ / Konva 9.0 |
Prerequisites
Before you start using InkLayer, make sure your environment meets the following requirements:
- React projects: React 18+, Node.js 18+
- Vue projects: Vue 3.5+, Node.js 18+
- Familiarity with PDF.js basics helps understand the internal rendering, but it is not required.
Ready? Jump into your first example with Quick Start. → Quick Start