把报表、单据、说明文字在浏览器里直接排版导出成 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 上的…