Skip to content

福昕 PDF SDK Web 版

福昕 PDF SDK Web 版是一套高性能、可定制的 JavaScript 库,可为 Web 应用提供流畅、准确且可靠的 PDF 处理能力。它可轻松集成主流 JavaScript 框架,并通过单个 DOM 元素加载功能完整的文档查看器。

快速开始: 入门指南

与桌面/服务端 SDK 的关系

福昕 PDF SDK Web 版是构建在 福昕 PDF SDK 桌面/服务端 之上的应用层 SDK。它在核心 PDF 引擎之上封装了面向浏览器的查看器与 UI 能力。其分层模型与 移动端 SDK 一致,仅类名与打包方式不同。

SDK 架构

福昕 PDF SDK Web 版分为三层。请按项目目标选择合适的层级:

层级关键对象作用典型用途
UI Extension(完整 UI)PDFUI完整应用 UI(工具栏、侧边栏、批注面板、搜索等)快速交付可上线的 Web PDF 应用
PDFViewCtrl(基础查看器)PDFViewer查看器控件、渲染及面向自定义布局的基础 UI深度定制产品 UI,同时复用 SDK 渲染与交互
Core SDKPDFDocPDFPage底层 PDF API(文档、页面、对象操作)仅用核心 API 构建自定义流程,不依赖内置 UI

UI Extension(完整 UI)

UI Extension 提供开箱即用的完整 PDF 应用界面。通过单个 DOM 元素即可加载,获得工具栏、侧边栏、注释、搜索、表单等能力。可通过 UIExtension API 自定义主题、组件与插件。

PDFViewCtrl(基础查看器)

PDFViewCtrl 是查看器控件层,负责渲染、缩放、滚动与页面导航,界面布局与外壳由应用自行实现。适合需要完全掌控 UI,同时依赖福昕渲染与交互能力的场景。

Core SDK

Core SDK 提供底层 PDF 操作——打开、保存、渲染、文本提取、搜索、表单、签名、加密、注释等——不附带内置 UI。适用于服务端或无界面流程,或自建完全自定义的查看器。

典型使用场景

  • 嵌入完整 PDF 查看器 — 用少量代码为现有 Web 应用加入可上线的查看器。
  • 基于福昕渲染的自定义 UI — 使用 PDFViewCtrl 实现自有布局,同时复用高质量 PDF 渲染与交互。
  • 仅集成 Core — 通过 Core API 驱动 PDF 流程,不使用任何内置 UI 组件。
  • 框架集成 — 通过示例工程与指南接入 Vue、React、Angular、Next.js 等前端技术栈。

框架支持与演示

框架示例: Vue 3、React、Angular、Next.js、Vue 2 — 见 框架集成快速导览

在线演示: 通过 在线演示 体验功能,无需部署。

本地示例: 参阅 示例,在本地构建并运行示例工程。

包模型(v10.0+)

10.0 版本起,福昕 PDF SDK Web 版采用统一整合包发布。功能模块按授权加载。渲染引擎使用动态 WASM 模块,以加快首次加载并支持按需加载功能。

下载说明、目录结构与集成步骤见 入门指南