PDF 的属性面板里除了标题、作者这几个固定字段，还留了一栏自定义属性：属性名和值都由使用者自己命名，部门、保密级别、来源模板这类内部标记就放在这里。合同、投标书、项目文档常靠它携带这些信息，可阅读器只能一个个手填——给一批文档补标记，或者核对某份文档带了哪些标记，都做不了；把文件传到服务端批处理，又意味着内容离开了用户的设备。 本文介绍用 Spire.PDF for JavaScript 添加、获取和删除 PDF 的自定义文档属性。它基于 WebAssembly 在浏览器端直接加载、修改与保存 PDF 文档，全过程在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。 本文介绍三个核心功能点： 添加自定义文档属性 获取自定义文档属性 删除自定义文档属性 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。示例以一份不带自定义属性的 PDF 为输入，后两节直接读取第一节生成的 已添加自定义属性的文档.pdf，运行前请先执行第一节的代码。 添加自定义文档属性 Spire.PDF for JavaScript 提供 DocumentInformation.SetCustomProperty()，用于写入自定义文档属性：属性名自定，值按字符串保存，同名键直接覆盖。…

PDF 的属性面板里记着标题、作者、主题、关键字这几个字段，知识库、归档系统和全文检索都拿它们做归类依据。实际收到的文件往往相反：标题还是上一个模板留下的名字，作者一栏空着，关键字干脆没有。补全要在阅读器里逐字段手填，核对一批文档的作者或主题也只能一份份点开属性对话框——桌面软件做不了批量，把文件传到服务端又意味着内容离开了用户的设备。 本文介绍用 Spire.PDF for JavaScript 设置和获取 PDF 文档属性。它基于 WebAssembly 在浏览器端直接加载、修改与保存 PDF 文档，全过程在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。 本文介绍两个核心功能点： 设置 PDF 文档属性 获取 PDF 文档属性 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 设置 PDF 文档属性 Spire.PDF for JavaScript…

几百页的手册、报告发出去之后，最常被抱怨的不是内容，而是找不到想看的章节。读者想在开头就拿到一份按页排好的章节清单，点一下直接翻过去；而很多 PDF 在生成时就没有目录，翻页只能靠滚动条或者页内搜索。 本文介绍用 Spire.PDF for JavaScript 创建目录页、并为目录条目添加跳转。它基于 WebAssembly 在浏览器端直接加载、修改与保存 PDF 文档，全过程在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。 本文介绍两个核心功能点： 生成目录页 为目录条目添加跳转 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 生成目录页 目录页要落在文档里某个位置，用 Pages.Insert({ index }) 插入一页并拿到它，标题、章节条目、前导点和页码都用这页的 Canvas.DrawString 绘制。条目的横向位置按文字宽度推进，前导点从标题右端逐个补到页码左端。 function App() {…

PDF 的版本号决定了文档能用哪些特性，也决定了旧阅读器、打印系统和归档平台能不能正常打开它。一批文档从不同来源汇过来，版本参差不齐：有的出自新工具、声明到 1.7，有的产自多年未更新的系统、还停在 1.4。要按目标环境统一交付格式，就得把版本号改写过来，而桌面软件只能一份一份手工另存。 本文用 Spire.PDF for JavaScript 更改 PDF 文档的版本号。它基于 WebAssembly 在浏览器端直接加载、修改与保存 PDF 文档，全过程在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 更改 PDF 版本 给 doc.FileInfo.Version 赋一个 PdfVersion 值即可改写版本号，保存后文件头随即写成对应的 %PDF-x.y。把它设成 Version1_4，一份 1.7…

JavaScript 可以通过编程方式生成 PDF 文件——创建文档、添加页面、绘制文本和其他元素，然后保存文档。在 React 应用中，借助 Spire.PDF for JavaScript 和 WebAssembly，这一流程完全在浏览器中完成，无需后端服务器。 从整体来看，JavaScript PDF 生成包含五个步骤：创建文档、添加页面、绘制内容、保存 PDF、下载生成的文件。本文以 React 作为示例环境，但 PDF 生成流程本身基于 JavaScript，适用于任何前端框架。 需要注意的是，本文所说的"生成 PDF"是指通过代码从零开始构建 PDF 文档，而非将现有 HTML 页面打印为 PDF。JavaScript 应用可以通过 HTML 转 PDF、基于 Canvas 的渲染或编程式 PDF 构建等方式生成 PDF。本文聚焦于使用…

给 PDF 加批注、按区域抽取数据、给图片套一圈边框，都要先知道目标元素落在页面的什么位置。PDF 内部并没有一张现成的坐标表：文字是一段段绘制指令，图片是页面资源里的对象，位置信息分散在各自的矩阵和矩形里。过去要么自己写解析器把这些数值拆出来，要么把文件传回服务端处理。 Spire.PDF for JavaScript 基于 WebAssembly 在浏览器端加载并解析 PDF 文档，通过虚拟文件系统（VFS）读写文件，不需要后端参与。 本文介绍两个核心功能点： 获取指定文本的坐标 获取页面中图片的坐标 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 坐标体系 使用 Spire.PDF 处理现有的 PDF 文档时，坐标的原点位于页面的左上角。X 轴从原点水平向右延伸，Y 轴从原点垂直向下延伸（如下图所示）。数值的单位是磅（1 磅 = 1/72…

同一份 PDF 交给不同的人打开，看到的界面可能完全不同：有的窗口一打开就居中，有的把工具栏和菜单栏顶在最上面，有的默认一次只显示一页，有的一屏并排两页。文档是给别人看的说明书、宣传册或报告时，制作者往往希望这些默认表现可控——打开即居中、界面尽量干净、直接进入双栏视图。这类行为由文档自身的查看器首选项（Viewer Preferences）描述，写在 PDF 的目录字典里，跟着文件一起分发，不需要阅读器做任何配置。 Spire.PDF for JavaScript 基于 WebAssembly 在浏览器端加载、修改与保存 PDF 文档，查看器首选项通过 PdfDocument.ViewerPreferences 读写，文件进出走虚拟文件系统（VFS），无需后端配合。 本文介绍两个核心功能点： 设置窗口与界面元素相关的首选项 设置页面布局与打开时的显示模式 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 设置窗口与界面元素相关的首选项 ViewerPreferences 上的几个布尔开关决定阅读器打开文档时的外观，默认都是 false，也就是不干预阅读器自身的界面： CenterWindow 让阅读器窗口居中显示 DisplayTitle…

订单号、运单号、资产编号这类信息，一旦由人工录入就难免出错。把它们印成条形码贴在单据上，扫码枪一次读取即可完成录入，出错率也随之下降。要在 Web 应用里把条形码落到 PDF 上，过去通常先在服务端生成条码图片，再拼回文档，文件往返一趟，链路并不短。 Spire.PDF for JavaScript 基于 WebAssembly 在浏览器端直接创建、修改和保存 PDF 文档，条形码由 PdfCode128BBarcode、PdfCode39Barcode 这类一维条码对象直接绘制到页面上，借助虚拟文件系统（VFS）读写文件，不需要把文档上传到服务器。 本文介绍两个核心功能点： 支持的条形码类型 自定义条形码的外观 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 支持的条形码类型 十个一维条码类都从 PdfBarcode 派生，字符集与编码密度各不相同，选型可对照下表： 类 条码符号 支持的字符 PdfCodabarBarcode…

PDF 图层是把同一页上的内容划分到多个“可选内容组”（Optional Content Group，OCG）中的机制，最常见的应用如 CAD 图纸里的墙体、家具、电气分层，地图里的道路、水系、注记分层，以及需要在一页里按需切换的多种方案或多种语言内容。与直接把内容擦掉不同，图层可以让内容“既能藏起来、又能随时再打开”，在不破坏文档结构的前提下大幅提升同一份 PDF 的复用价值。 Spire.PDF for JavaScript 基于 WebAssembly 在浏览器端直接完成 PDF 的加载、绘制与保存，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。 本文介绍三个核心功能点： 添加图层到 PDF 隐藏指定图层 删除图层 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 添加图层到 PDF 添加图层的过程是：先创建文档并添加页面，用 doc.Layers.AddLayer({ name,…

PDF 版式固定、跨端一致，适合分发合同、手册、报表等文档，不过一份资料往往由多份相互关联的 PDF 组成：产品手册之外还有报价单、技术规格书、常见问题等，逐个文件发送既零散又容易遗漏。PDF 的“文件包”（Portfolio）机制提供了标准的解决办法，把多份文档打包进同一个 PDF。接收方只需打开这一个文件，就能在查看器的文件包视图中看到、展开并另存各个成员文件，便于统一下发与归档。 Spire.PDF for JavaScript 基于 WebAssembly 在浏览器端直接完成 PDF 的加载、绘制与保存，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。围绕文件包有两种常用操作：创建，用 PdfDocument 加载一份主文档，再通过文件集合的根文件夹 doc.Collection.Folders 调用 AddFile 把已载入 VFS 的成员文件逐个加入，必要时用 CreateSubfolder 建子文件夹对成员归类；识别，直接读取 doc.IsPortfolio 属性，判断某份 PDF 是否为文件包。 本文介绍两个核心功能点： 创建 PDF 文件包 识别 PDF 文件包 有关安装和项目配置，请参考…