PDF 文档默认只是一幅静态画面：读者能翻能看，文档本身却不会对任何操作作出反应。要让读者点一下图片就播放一段声音，或者点一下某块区域就跳到指定页、翻开内嵌的附件，就得给文档挂上「动作」（action）。这类交互过去要靠专门的排版软件逐项设置，或干脆放到服务端生成——前者门槛不低，后者意味着文件要离开本地。 Spire.PDF for JavaScript 基于 WebAssembly 在浏览器端加载、修改与保存 PDF 文档，动作全部在本地生成，通过虚拟文件系统（VFS）读写，无需后端配合。本文用 PdfActionAnnotation 承载四种动作：PdfGoToAction 跳到文档内的页、PdfSoundAction 在点击图片时播放音频、PdfEmbeddedGoToAction 打开内嵌的附件、PdfLaunchAction 打开文档外部的文件。 本文介绍四个核心功能点： 创建跳转动作 创建声音动作 创建内嵌文件跳转动作 创建启动动作 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 创建跳转动作 跳转动作把阅读位置从当前页带到文档里的另一处。 function App() {…

合同、审批单定稿之后常要盖一枚「已核准」的图章，或在页角留一行时间戳，标记这份文件由谁在什么时候确认过。桌面软件做这件事要一枚枚手动盖，文件一多就很吃力；把文档传到服务端处理，又等于让文件离开了本地。 Spire.PDF for JavaScript 基于 WebAssembly 在浏览器端加载、修改与保存 PDF 文档，图章在本地生成，通过虚拟文件系统（VFS）读写，无需后端配合。它把图章当作一类注释处理：PdfRubberStampAnnotation 决定图章在页面上的位置与大小，外观则由 PdfAppearance 挂上的 PdfTemplate 决定——在模板上画图片就是图像章，画文字就是文字章。 本文介绍三个核心功能点： 添加图像图章 添加文字图章 添加日期时间图章 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 添加图像图章 Spire.PDF for JavaScript 提供 PdfRubberStampAnnotation 类，用于在页面的指定位置放置一枚图章。它只框定图章的位置与大小，外观由 PdfAppearance…

把报表、单据、说明文字在浏览器里直接排版导出成 PDF，往往是从一张空白页开始的。页眉页脚通常要在建文档的阶段一并安排：等到正文排完再往回补，位置和分页都会很被动。手工逐页敲一遍同样繁琐，交给服务端处理又意味着数据要离开用户的设备。 本文用 Spire.PDF for JavaScript 从零新建 PDF 并添加页眉与页脚。页面自身边距设为 0，四周留白改由文档模板（PdfDocumentTemplate）的 Left、Top、Right、Bottom 四块 PdfPageTemplateElement 占位，页眉页脚就画在上下两块模板里，新建的每一页在渲染时自动带上。页脚还能用 PdfCompositeField 动态填出页码。它基于 WebAssembly 在浏览器端新建、绘制与保存文档，通过虚拟文件系统（VFS）读写文件，无需后端配合。 本文介绍两个核心功能点： 创建新 PDF 时添加页眉 创建新 PDF 时添加页脚 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 创建新…

正式外发的合同、报告，正文之外通常还要带上页眉和页脚：页眉标明这份文件属于谁，页脚放页码与“内部资料”之类的字样。逐份手工敲进去费时又容易漏，交给服务端批量处理，则意味着文档要先离开用户的设备。 本文介绍用 Spire.PDF for JavaScript 在现成 PDF 中添加文字页眉页脚、图片页眉页脚，以及自动页码。它基于 WebAssembly 在浏览器端直接加载、修改与保存 PDF 文档，页眉页脚画在页面已有的留白区内，全过程在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。 本文介绍三个核心功能点： 添加文字页眉页脚 在页眉页脚中添加图片 添加自动页码与总页数 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 坐标体系 在现成的 PDF 页面中，坐标体系设定如下：坐标原点位于页面的左上角，X 轴向右延伸，Y 轴向下延伸（如下图所示）。数值的单位是磅，下面三个功能点里的绘制坐标都按这套口径计算。 添加文字页眉页脚 给每页加上固定的页眉页脚，用 PdfPageBase.Canvas 上的…

TXT 文件到处都是——导出的日志、从 Word 粘出来的正文、系统批量生成的报告。要发给别人看，通常得先转成 PDF：TXT 没有版式和纸张的概念，一屏到底，同一份文件在不同设备、不同编辑器里看到的样子都不一样。过去要么用桌面软件打开另存，要么把文件传到服务端转换——前者嵌不进 Web 流程，后者则意味着文档离开了用户的设备。 本文介绍用 Spire.PDF for JavaScript 实现将 TXT 文本转换为 PDF。它基于 WebAssembly 在浏览器端直接生成并保存 PDF 文档，转换全过程在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 将 TXT 文本转换为 PDF Spire.PDF for…

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…

合同、标书这类多页文件外发前要盖骑缝章，为的是让每一页都带上印章残片——对方一旦抽换或重排过页，残片就对不上。纸质件可以整叠一盖，电子 PDF 没有对应的动作：把印章图片整枚贴上去，每页都是完整的章，起不到骑缝的作用。 本文介绍用 Spire.PDF for JavaScript 为多页合同添加骑缝章。它基于 WebAssembly 在浏览器端直接加载、修改与保存 PDF 文档，全过程在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 添加骑缝章 骑缝章把一枚印章按页数切开，每页只落一片，翻页时各页残片能拼回完整印章。切片用 PdfTemplate 承载：模板的界框就是裁切范围，只要把印章在模板里逐页左移一个片宽，每页露出的就正好是自己那一片，再由 Canvas.DrawTemplate 落到页面右缘。 function App() { const addCrossPageSeal = async ()…