InkLayer Core面向所有 Web 框架的 PDF 引擎

你负责产品界面，Core 负责 PDF 查看、批注、页面渲染、打印和导出。

快速开始

API 参考

在线示例

使用你熟悉的 Web 框架

无论使用 React、Vue、Svelte、Angular、Web Components 还是原生 TypeScript，都调用同一套 Core API。

PDF 能力，由 Core 提供

查看、批注、缩放、搜索、水印、打印和导出都由 Core 处理，界面和操作流程仍由你的应用掌控。

批注内置，也能扩展

直接使用高亮、文字、图形、签名等十六种批注类型，需要时还可以定义自己的工具。

从创建到销毁，行为可控

可以取消正在进行的加载、完整销毁实例，并让多个 Viewer 相互隔离；在 SSR 环境中导入 Core 也同样安全。

从 Core 开始

安装 Core，提供两个宿主元素，为滚动容器设置明确尺寸，然后加载 PDF。

bash

npm install @inklayer-dev/core

html

<div id="pdf-workspace">
  <div id="pages"></div>
</div>

css

html, body, #pdf-workspace {
  height: 100%;
  margin: 0;
}

#pages {
  height: 100%;
  overflow: auto;
  background: #f2f4f7;
}

import { createInkLayer } from '@inklayer-dev/core/capabilities'
import '@inklayer-dev/core/style'

const root = document.querySelector<HTMLElement>('#pdf-workspace')!
const pages = document.querySelector<HTMLElement>('#pages')!

const core = await createInkLayer({
  root,
  pageFlow: { container: pages, scale: 'page-width' }
})
await core.load({ url: '/documents/review.pdf', range: 'auto' })

快速开始 →

注意

InkLayer Core 是无头引擎：它负责 PDF 与批注行为，框架负责工具栏、面板和产品流程。

接下来想做什么？

加载 PDF → · 创建第一个批注 → · 打印和导出 →

需要时再扩展

能力插件可以为单个实例接入日志、批注存储、文字输入、打印和下载等应用服务。批注类型定义（Annotation Type Definition）则用于添加带命名空间的绘制工具。无论如何扩展，坐标、数据校验、交互、渲染、输出和清理始终由 Core 管理。

开发第一个插件 →