融界2023年12月14日消息，据国家知识产权局公告，中国银行股份有限公司申请一项名为“一种基于浏览器的打印方法、系统、电子设备及存储介质“，公开号CN117215508A，申请日期为2023年9月。

专利摘要显示，本申请公开了一种基于浏览器的打印方法、系统、电子设备及存储介质，可应用于云计算领域、大数据领域或金融领域；当检测到用户在浏览器中进行网页打印时，基于获取的打印模板和待打印内容，对每个内容块进行标记；逐一对每一内容块进行渲染处理，得到待打印文件；对内容块进行渲染处理的过程包括：若内容块无法内打印模板的当前页容纳，且内容块为可拆分内容块，基于当前页的可用高度对内容块进行拆分，得到多个依序排列的子内容块，并创建至少一个下一页；依次将各个子内容块渲染至当前页和至少一个下一页中，并将渲染有最后一个子内容块的下一页更新为当前页；根据每个内容块上标记的打印样式对待打印文本进行页面处理，并打印得到的打印文本。

口是串行接口的简称，串口第一次出现在1980年前后，当时串口是为实现计算机与外设的连接而出现的，其传输特点是数据一位一位的发送，传输速率低且稳定，远距离传输的信号抗干扰能力强，被广泛用于远距离通信，由于串口不支持热插拔且传输速率较低，目前大部分的个人计算机主板都已取消串口接口，目前串口大部分用于工控设备与通信设备的连接环境中。

拥有串口接口的打印机也是在串口出现后诞生的，当计算机通过串口连接至打印机后，用户可向串口发送特定的打印指令，打印机接收到指令后会自动执行相应的操作。

传统的串口使用方式是通过专用软件建立连接实现通讯功能。从Chrome 89之后版本的浏览器支持了Web Serial API，我们可以通过浏览器与本机串口连接实现串口通信的功能。FastWeb已支持此功能特性，我们可以运用网页开发平台连接串口实现打印的功能。

在网页开发平台中设计完成界面后，在启动程序时指定连接的串口，可实现串口发送信息。这种方式可以摆脱专用软件，只需要使用浏览器就能实现串口通讯的功能。

通过网页开发平台，可以免去对串口通讯的调试，直接使用网页开发平台提供的成品模块就可以快速实现串口打印的功能。网页开发平台中还提供了众多数据采集与物联网连接的模块，只需要学会基础的设计，就可以轻松实现与物联网设备的对接，实现交互通讯的相关功能。

如需了解更多信息请参考：Web网站设计 - 爱招飞 IsoFace。

介

在线模式是指直接在html网页上设计打印模板，在线模式的特点是可以直接拖动表单字段到单元格内，无需手动设置字段标识。

创建在线模式打印模板

• 第一步：在表单设置-打印模板处，创建打印模板，选择在线模式。
• 第二步：点击第一步创建打印模板的编辑按钮，进入打印模板设计页面，在此页面完成设计并保存。
• 第三步：在表单数据权限处，设置好此打印模板的权限。
• 第四步：权限内的用户打印或批量打印时，就可以选择此模板进行打印了。

在线模式设计页面

步骤：【表单设计页面】-【表单设置】-【打印模板】-【在线模式模板-编辑】，进入打印模板设计页面。

修改模板名称

• 在线模式的打印模板设计页面，左上角可自定义模板名称。

表单字段&系统字段

表单字段&系统字段

左侧字段列表分为表单字段和系统字段标签页。

• 表单字段：包括表单自身的字段/字段二维码/字段条形码，选中字段可拖动放至右侧设计面板的指定单元格内。
• 系统字段：普通表单和流程表单的系统字段不一样。
• 普通表单的系统字段包括提交人、提交时间、更新时间、数据外链二维码、数据内链二维码、表单外链二维码、打印人、打印时间。
• 流程表单的系统字段包括提交人、提交时间、更新时间、审批意见、流程状态、流程决策、当前节点、当前负责人、数据内链二维码、表单外链二维码、打印人、打印时间。
• 注意： 表单外链二维码需要开启表单外链后才能正常使用。
• 流程表单的审批意见字段内容和打印顺序支持自定义。将审批意见字段拖动到右侧设计面板的单元格内，鼠标选中审批意见字段，右键展示功能菜单，包括设置内容、审批意见打印顺序。

字段设置

字段设计

方法一：直接从右侧表单列表中拖动字段到指定单元格内。

• 列表中的字段表示字段值。见下图，把「流水号」字段放至设计界面后，显示为「${流水号}」。也就是说B1这个单元格代表的是，某条数据中流水号的值。

方法二：双击单元格或者选中单元格按任意键弹出单元格内容编辑面板，可在此面板进行字段设计。

• 此面板中右侧字段和外层模板设计页展示的字段一致
• 支持添加多个字段
• 支持普通文本和字段结合设计
• 支持空格、换行等设计
• 当包含子表单字段时，仅支持添加同一个子表单内的字段

• 为了表示数据代表的意思，通常可以在字段值前面或者上面加上标题 。

• 同一个子表单的字段建议横向排列。

审批意见字段

• 可选择有审批意见的全部节点或自定义节点。 打印内容为“节点名称”+“审批人”+“审批时间”+“文本意见”+“手写签名”。

• 审批意见字段的打印效果：

设计器

功能介绍

目前系统支持了多种功能，通过设计器的这些功能，基本能满足一般打印模板的需求。

注意：设计器的功能只针对整个单元格，而不能对单元格内的某些字段进行设计。

边框线

支持自定义多种边框线、边框线颜色以及边框粗细。

如果要取消边框线，在选中单元格后点击边框线设置选项中的「无」。

插入图片

插入单元格图标

• 可在单元格中插入图片，打印出来。常见用法如插入公司logo等。

• 插入图片之后，可以通过改变单元格大小来调整图片大小，也可以设置图片对齐方式。

插入浮动图片

• 可以在单元格中插入水印、公章等图标悬浮在文件上随着表单一起打印下来，主要是为了打印出来的文件具有防伪及其他专门用途。

注意：

• 1.单个打印模板中的每个分页中最多上传5张悬浮图片，每张最多5MB。
• 2.插入的悬浮图片支持jpg，jpeg，png格式。
• 3.被插入的悬浮图片支持自定义调整位置、大小。

设置背景图

可上传背景图，注意将纸张长宽和图片调整成长宽一致，这样可以较好地填充纸张。

背景图可以实现套打功能，如快递单、申请单等特定场景的打印。

• 背景图默认不会自动开启，如需要打印背景图，需手动设置“打印背景”。

自定义水印

• 支持水印功能，可以设置无水印、图片水印或文字水印。

图片水印：图片最大100k，水印图片最大显示为128px*128px。

文字水印：

• 支持添加表单字段
• 支持多个字段同时添加
• 支持自定义文本和表单字段一起添加
• 支持自定义字体、字体颜色、字体大小
• 支持透明度设置，设置范围[1%,60%]

注意：

1. 水印区域已经限制大小，无法更改，超过区域的文字会被截断。
2. 文字水印不支持换行打印。

纸张设置

可对纸张大小、方向、页边距进行设置。

设置时请注意参考线所标注的打印边界，设计时不要超出，以免影响打印效果。

• 系统预设常见的纸张大小，也可自定义纸张大小。

• 自定义纸张大小：一般用于特定纸张的打印。

小票打印： 纸张大小选择自定义，高度模式选择自动，根据小票宽度设置纸张宽度及页边距等信息，不限制纸张高度，即可实现小票打印。

单元格高度设置

• 单元格高度推荐选择「动态高度」，打印时如果数据超出单元格高度，会自动拉伸以保证打印全部内容。如果是固定高度，则超出单元部分的内容，在打印时将被省略。

页眉页脚

• 单击页眉页脚图标，进入页眉页脚设计面板。

页眉页脚字段设置

选中单元格，按任意键或者双击弹出单元格内容编辑面板。

• 支持添加多个字段
• 支持普通文本和字段结合设计
• 支持空格、换行等设计
• 支持基本的表单字段和系统字段
• 不支持子表单字段
• 不支持图片类型的字段，如图片、二维码、手写签名等。
• 打印属性支持页码、总页码

页眉页脚功能介绍

• 页眉页脚设计页面如下所示：

• 页眉页脚设置：选中页眉页脚的单元格，再点击页眉页脚设置，可以设置页眉顶端距离/页脚底端距离，页眉分列/页脚分列。

• 插入图片：选中页眉页脚单元格，点击插入图片，可以插入图片到对应的单元格内；图片支持放大缩小。

重复打印设置

通过设置重复打印，可以在打印的过程中，将部分内容固定在每一页里打印出来，如：商品销售，商品过多时，将表格头部在每一页中都显示一份。

注意：

1. 在开启重复打印之前一定要先选中需要重复打印的「行」，一次只能设置其中一行，如果有多行内容需要重复打印，需要单独一行一行去设置。
2. 带有子表单字段的行无法设置重复打印。

批量打印分页设置

• 批量打印分页设置用于批量打印场景，当页面空间允许时，一页内打印多条数据；
• 存在多个打印分页时不支持使用。
• 纸张设置高度为自动的时候不能设置批量打印。

• 打印效果,在同一页纸上打印了多条数据：

边界线

• 边界线标注了打印范围，位于边界线之内的内容可以被打印出来。

注意：边界线和实际打印边界，并不是完全重合的，会存在不一致的情况。边界线标注的范围 始终 <= 实际打印范围。

• 边界线根据纸张大小确定，当边界线在某行/某列单元格中间时，建议调整单元格宽/高，将单元格完全设计在边界线内，以免单元格内容未打印完整。
• 位于边界线下方的内容，或者其它在一页打印不完的内容，在打印时会自动新增一页打印；

分页设置

• 在打印模板设计的左下角有一个“+”号，点击以后可以进行分页设置，新分页中的内容在打印时会强制换页。
• 添加新分页后，当前页面的内容打印完以后会接着依次打印新分页里面的内容。

• 新分页里支持设置背景图。

• 分页支持删除、重命名、向左移，像右移。

子表单序号打印

• 序号的打印可以很直观地看出明细数据的条数，也可以使得打印的数据更加整齐有序。常用于进销存管理中的出入库单打印、报价管理中的合同打印等，这些都需要将明细数据序号也打印出来等。

• 通过编辑好的自定义打印模板进行打印，可以看到子表单每条子数据所对应的序号。

打印条码或二维码

条形码和二维码仅单行文本和数字控件支持。

• 通过编辑好的自定义打印模板进行打印，可以看到单行文本或数字控件打印的二维码或条形码。

页面缩放

• 支持对模板设计区域进行缩放，缩放范围[10%,400%]，默认为100%；

预览

• 在设计模板的时候，当模板做了任何改动，点击预览可以预览打印效果。
• 预览的数据为数据管理列表中第一条数据。

保存

• 保存模板中的设计。

快捷操作

• 我们在设计模板时有一些快捷操作，能帮助我们节省时间，如：设置行宽列高时需要手动拖拽，而快捷操作我们可以直接设置具体数值即可。

行/列右键快捷操作

步骤：【点击单元格或行或列】——【单击鼠标右键】——【选择对应的快捷操作】