PDF Viewer & Annotation SDK
A lightweight, open-source SDK built on PDF.js — Viewer for reading, Annotator for full annotation with 14 types, persistence, and export to PDF and Excel.
特性
从批注模型到导出系统,覆盖 PDF 批注全链路
按需选用 · Viewer & Annotator
PdfViewer 轻量查看器 — 只渲染不批注,零额外开销。PdfAnnotator 完整批注组件 — 14 种标注开箱即用。同一套 PDF.js 基座,按场景切换,无需重写。
统一批注模型
提供一致的 PDF 批注数据模型,覆盖文本、高亮、手写绘制、图形与印章等类型,便于跨端与持久化处理。统一数据模型,持久化与回显一致,不再为跨端兼容烦恼。
高保真渲染层
基于 PDF.js 构建渲染适配层,缩放 300% 仍精准对齐,批注位置永不漂移。
编辑与持久化
支持批注的创建、修改、删除与加载恢复,保证数据在不同渲染周期中的一致性。
导出能力
支持将批注数据导出为 PDF 或 Excel,用于第三方系统对接。批注评审结果一键导出,直接嵌入现有工作流。
双框架支持
同时支持 React 18+ 与 Vue 3+,提供一致的 API 设计与使用体验。
可自定义 UI
工具栏、侧边栏与操作区域均可完全替换,支持插槽或 Render Props 方式进行深度定制。
一行命令,开始使用
选择你的框架,复制即用
$ npm install inklayer-vue import { PdfViewer, PdfAnnotator } from 'inklayer-vue'
import 'inklayer-vue/style'
// View-only mode:
<template>
<PdfViewer url="/sample.pdf" />
</template>
// Full annotation mode:
<template>
<PdfAnnotator
url="/sample.pdf"
:user="{ id: 'user-1', name: 'Demo User' }"
/>
</template> 适用场景
任何需要 PDF 查看、批注与协作的系统构建场景
文档门户
产品手册、技术文档的集成查阅平台,支持 PDF 预览与全文搜索
文档审阅系统
合同审核、报告批阅,支持高亮、评论与区域标注
在线教育平台
教师在课件 PDF 上做批注,学生实时查看与互动
医疗报告标注
医生在 PDF 报告上标注重点区域,支持高亮与图形批注
工程图纸管理
CAD 导出 PDF 后的审图、标注与批注管理工作流