开源 · MIT · React & Vue

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 加载中… / Loading PDF…

特性

从批注模型到导出系统,覆盖 PDF 批注全链路

按需选用 · Viewer & Annotator

PdfViewer 轻量查看器 — 只渲染不批注,零额外开销。PdfAnnotator 完整批注组件 — 14 种标注开箱即用。同一套 PDF.js 基座,按场景切换,无需重写。

PdfViewer
查看 缩放 搜索 只读无批注
PdfAnnotator
批注 评论 保存回显 +11 种

统一批注模型

提供一致的 PDF 批注数据模型,覆盖文本、高亮、手写绘制、图形与印章等类型,便于跨端与持久化处理。统一数据模型,持久化与回显一致,不再为跨端兼容烦恼。

文本标注 高亮 手写 图形 印章 +9 更多

高保真渲染层

基于 PDF.js 构建渲染适配层,缩放 300% 仍精准对齐,批注位置永不漂移。

编辑与持久化

支持批注的创建、修改、删除与加载恢复,保证数据在不同渲染周期中的一致性。

导出能力

支持将批注数据导出为 PDF 或 Excel,用于第三方系统对接。批注评审结果一键导出,直接嵌入现有工作流。

PDF
Excel

双框架支持

同时支持 React 18+ 与 Vue 3+,提供一致的 API 设计与使用体验。

可自定义 UI

工具栏、侧边栏与操作区域均可完全替换,支持插槽或 Render Props 方式进行深度定制。

slots render props toolbar sidebar

一行命令,开始使用

选择你的框架,复制即用

$ 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 后的审图、标注与批注管理工作流

更多场景

任何 PDF + 批注需求都能满足

探索文档 →