上传前要校验页数、批量打印前要估纸张、按页拆分前要先知道文档规模——这类场景要的都只是一个数字：文档有几页。在浏览器里拿到这个数字并不顺手：渲染库只管把页面画出来，页数得自己数；绕开这一层，就只能把文件送到服务端去解析。 本文介绍用 Spire.PDF for JavaScript 获取 PDF 文档的页数。它基于 WebAssembly 在浏览器端直接加载与解析 PDF 文档，全过程在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。本文将向您详细介绍如何统计文档的总页数。 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 获取 PDF 文档页数 载入文档之后，doc.Pages 就是文档的页面集合，Count 给出集合里的页面数量，也就是文档的总页数——不必逐页遍历累加。 function App() { const getPageCount = async ()…

打印、拼版、加水印之前，先得知道每一页是横版还是竖版：横竖混排的文档直接打印会留白边，拼版也会错位。页面还可能被整体旋转过，这时候记录的页面尺寸和肉眼看到的方向就对不上了。批量处理前想把这类页面挑出来，用桌面软件只能一页页翻。 本文介绍用 Spire.PDF for JavaScript 检测 PDF 页面的旋转角度与显示方向。它基于 WebAssembly 在浏览器端直接加载与解析 PDF 文档，全过程在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。 本文介绍两个核心功能点： 检测页面的旋转角度 检测页面的显示方向 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 检测页面的旋转角度 PdfPageBase.Rotation 用来读取页面被旋转的角度，取值落在 PdfPageRotateAngle 枚举的 0°、90°、180°、270° 之内。 function App() { const…

扫描件、图纸、电子发票这类 PDF 往往带着大片白边，页面尺寸却仍是原来的规格；反过来，也有人只想要页面上的一小块内容，其余部分都不必出现。要把多余的部分去掉，过去要么在桌面软件里一页页手动框选，要么把文件传到服务端处理——前者很难嵌进 Web 流程，后者意味着文档离开了用户的设备。 本文介绍用 Spire.PDF for JavaScript 裁切 PDF 页面。它基于 WebAssembly 在浏览器端直接加载、修改与保存 PDF 文档，全过程在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。本文以一个两页的示例文档演示这一过程。 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 裁切 PDF 页面 裁切页面靠 page.CropBox 完成，它是一个 RectangleF：x、y 从页面的左上角量起，width 与 height…

把产品手册的封面补到项目说明前面、把报价单的第 2 到第 3 页并进合同、把几份报告合成一份汇总，说到底都是把页面从一份 PDF 搬到另一份 PDF 里。桌面软件的做法是开两个窗口来回拖拽，拖错一次就得重来；页数一多，搬过去的顺序也容易乱。还有一类麻烦是尺寸对不上：封面是 A5、目标文档是 A4，整页搬过去会露出一圈空白。 Spire.PDF for JavaScript 基于 WebAssembly 在浏览器端直接加载、修改与保存 PDF 文档，复制过程全部在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。 本文介绍四个核心功能点，前三个搬的是整页，源页的尺寸、旋转与页边距都原样带过来；第四个只取页面内容，画到多大的页面上由你决定。 整页搬运 复制单页并插入到指定位置 一次复制多页到文档末尾 复制整份文档的全部页面 内容复制（模板） 用页面模板复制页面内容 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。…

文档常常是拼出来的：封面、正文、附件分别来自不同环节，交付前才发现封面被排到了第二章后面，或者某几页的先后需要调换。要改的只是页面顺序，内容一个字都不用动，但身边没有 PDF 编辑器时，这件事就卡住了——把文件传到服务端处理，等于让它离开用户的设备。本文将介绍如何使用 Spire.PDF for JavaScript 在浏览器端按指定顺序重排 PDF 页面。它基于 WebAssembly 加载、修改与保存 PDF 文档，页面顺序的调整全部在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 重排页面顺序 页面顺序由 PdfPageCollection.ReArrange() 一次性改写，传入的序号数组既决定每一页的新位置，也决定文档的页数——数组里放几个索引，输出就是几页，所以要保留全部页面，就得把 0 到页数减一的索引一个不落地排进去。 function App() { const rearrangePages = async…

一批文档要看起来像同一套，最省事的做法是给每页铺上统一的品牌底色或信纸底纹。过去要么回到源文件逐份改版式，要么手工往每页叠一张图——前者要求手上还有可编辑的原始文档，后者稍不注意就压到正文。 在浏览器里直接改 PDF 就能绕开这两点：Spire.PDF for JavaScript 基于 WebAssembly 加载、修改与保存 PDF 文档，底色和底图都写进已有页面的 BackgroundColor、BackgroundImage 属性，绘制层级在正文下方；文件读写通过虚拟文件系统（VFS）完成，无需后端配合。 本文介绍两个核心功能点： 设置背景颜色 设置背景图片 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 为 PDF 所有页面设置背景颜色 整份文档要统一底色，逐页给 BackgroundColor 赋一个 Color 就行，该属性默认只按 0.25 的不透明度叠加，需要实色时把…

扫描件方向不对、横版表格夹在一堆竖版页面里、打印前想把整份文档统一转个方向，这几种情况都不必重新排版。旋转角度是 PDF 页面自身的一个属性，改它只影响页面的显示方向，页面上的内容原样保留。 Spire.PDF for JavaScript 基于 WebAssembly 在浏览器端直接加载、修改与保存 PDF 文档，页面旋转在本地完成，通过虚拟文件系统（VFS）读写文件，无需后端配合。 本文介绍两个核心功能点： 旋转新页面 旋转已有页面 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 旋转新页面 整节页面要统一方向，在节上设一次就够：section.PageSettings.Rotate 取 PdfPageRotateAngle.RotateAngle90，该节所有页面顺时针转 90 度，RotateAngle180、RotateAngle270 可选，不设则不旋转。 function App() { const createRotatedPdf…

PDF 文档以“页”为基本单位，阅读、打印、归档都按页展开。实际业务里经常需要在已有 PDF 上调整页面：为合同补入一页签署说明、在报告末尾追加一张汇总页，或者把材料中多余的一页删掉。这类操作若借助本地软件或服务端重排，就要来回导出、上传，流程繁琐。如果能在浏览器端直接完成增删页面，文档无需离开用户设备，处理链路会短很多。 Spire.PDF for JavaScript 基于 WebAssembly 在浏览器端直接加载、修改与保存 PDF 文档，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。 本文介绍三个核心功能点： 在 PDF 文档中添加页面 在文档末尾添加空白页 在 PDF 文档中删除页面 有关安装和项目配置，请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 在 PDF 文档中添加页面 添加页面就是往 PdfPageCollection 集合里插一项。在指定位置插入使用…