(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210393537.3 (22)申请日 2022.04.07 (71)申请人 百望股份有限公司 地址 100094 北京市海淀区北清路中关村 壹号A1楼17层 (72)发明人 杨正道　冯辉　高明　董建　 (51)Int.Cl. G06F 9/451(2018.01) G06F 16/957(2019.01) G06F 16/958(2019.01) (54)发明名称 一种基于浏览器前端渲染OFD文档的方法及 系统 (57)摘要 本发明属于OFD文档阅读技术领域， 具体提 供一种基于浏览器前端渲染OFD 文档的方法及系 统， 其中方法包括通过浏览器前端来下载服务端 文件或打开本地文件的方式， 将OFD文档加载至 内存中； 在浏览器前端解析所述OFD文档并提取 非可视化数据； 在浏览器前端根据需要显示的指 定页， 解析所述指定页和所需的资源； 在浏览器 前端将所述指定页渲染为SVG， 并将该SVG文件流 存储在内存中； 在浏览器前端从内存中提取该页 面的SVG描述流并插入在网页中， 并利用浏览器 的引擎显示； 在浏览器前端放大和缩小该页面 时， 修改SVG描述流中svg标签的transform属性 进行缩放。 该方案不占用服务器的计算资源以及 传输带宽资源， 无安全风险； 而且在缩放后还能 保证显示清晰， 不会 模糊失真。 权利要求书2页 说明书6页 附图3页 CN 115328588 A 2022.11.11 CN 115328588 A 1.一种基于浏览器前端渲染OFD文档的方法， 其特 征在于， 包括以下步骤： S1， 通过浏览器前端来下载服务端文件或打开本地文件的方式， 将OFD文档加载至内存 中； S2， 在浏览器前端解析 所述OFD文档并提取非可视化数据； S3， 在浏览器前端根据需要显示的指定页， 解析 所述指定页和所需的资源； S4， 在浏览器前端将所述指定页渲染为SVG， 并将该SVG文件流存 储在内存中； S5， 在浏览器前端从内存中提取该页面的SVG描述流并插入在网页中， 并利用浏览器的 引擎显示； S6， 在浏览器前端放大和缩小该页面时， 修改SVG描述流中svg标签的transform属性进 行缩放； S7， 显示其他页面时， 则重复步骤S3 至步骤S5 。 2.根据权利要求1所述的基于浏览器前端渲染OFD文档的方法， 其特征在于， 所述非可 视化数据包括OFD文档的标题、 作者、 主题、 创建日期、 修改日期的元数据信息， 还包括数据 标引、 电子签章以及该OFD文档的页数的信息 。 3.根据权利要求1所述的基于浏览器前端渲染OFD文档的方法， 其特征在于， 所述S4中 渲染的内容包括文字， 文字渲染具体过程包括： 提取指定页中每个字符的属性， 包括Unicode码、 位置、 字体名称、 字号、 填充颜色、 描边 颜色、 透明度、 是否描边和是否填充； 将颜色、 透明度转换为SVG格式的数值； 转换位置和字号到SVG的数值， 单位从毫米转换为磅， 然后按转换后的位置和字号将字 符添加在SVG描述 流中。 4.根据权利要求1所述的基于浏览器前端渲染OFD文档的方法， 其特征在于， 所述S4中 渲染的内容包括图形， 图形渲染具体过程包括： 提取图形对象的位置、 宽高、 是否填充、 是否描边、 填充规则、 绘制参数、 图形中所有点 的坐标和运算符， 其中绘制参数包括线宽、 端点样式、 连接样式、 透明度、 填充颜色及描边颜 色， 运算符包括起始点(S)， 移动(M)， 直线(L)， 二次贝塞尔曲线(Q)， 三次贝塞尔曲线(B)， 圆 弧(A)， 闭合(C)； 将绘制参数转化为SVG数值和名称后添加至SVG描述流中， 并对位置、 大小和所有点的 坐标进行 数值转换； 构建一个SVG的路径， 并将该图形的所有点， 按照运 算符添加到路径中； 按转换后的位置和大小， 将路径添加到SVG的描述 流中。 5.根据权利要求4所述的基于浏览器前端渲染OFD文档的方法， 其特征在于， 所述数值 转换具体包括： 颜色转化， 将OFD文档中颜色空间为RGB的三个通道的值(x， y， z)转换后可写为rgb(x， y， z)或者 转换为十六进制； 透明度转 化， OFD文档中透明度数值 为alpha， 转换 结果＝alpha/25 5； 位置坐标、 宽高、 字号数值 转化， 原数值 为length， 转换 结果＝length/25.4*72； 端点样式转化， OFD文档中端点样式取值为Butt， Round和Square， 转化为SVG名称 时需 要将首字母小 写， 转化后分别为but t， round和square；权　利　要　求　书 1/2 页 2 CN 115328588 A 2连接样式转化， OFD文档中端点样式取值为Miter， Round和Bevel， 转化为SVG名称 时需 将首字母小 写， 转化后分别为miter， round和bevel。 6.根据权利要求1所述的基于浏览器前端渲染OFD文档的方法， 其特征在于， 所述S4中 渲染的内容包括图像， 图像渲染具体过程包括： 提取图像对象的位置、 大小、 变换矩阵和图像资源的二进制字节流； 将图像资源的二进制字节流编码为SVG可直接利用的图片对象， 根据图像对象在页面 中的变换矩阵， 转换其 位置和大小之后， 将图像添加在SVG描述 流中。 7.一种基于浏览器前端渲染OFD文档的系统， 其特征在于， 所述系统用于实现如权利要 求1‑6任一项所述的基于浏览器前端渲染OFD文档的方法的步骤， 具体包括： OFD文档提取模块， 用于通过浏览器前端来下载服务端文件或打开本地文件的方式， 将 OFD文档加载至内存中； 在 浏览器前端解析 所述OFD文档并提取非可视化数据； OFD文档解析模块， 用于在浏览器前端根据需要显示的指定页， 解析所述指定页和所需 的资源； 在 浏览器前端将所述指定页渲染为SVG， 并将该SVG文件流存 储在内存中； 显示模块， 用于在浏览器前端从内存中提取该页面的SVG描述流并插入在网页中， 并利 用浏览器的引擎显示； 在浏览器前端放大和缩小该页面时， 修改SVG描述流中svg标签的 transform属性进行缩放。 8.一种电子设备， 其特征在于， 包括存储器、 处理器， 所述处理器用于执行存储器中存 储的计算机管理类程序时实现如权利要求1 ‑6任一项所述的基于浏览器前端渲染OFD文档 的方法的步骤。 9.一种计算机可读存储介质， 其特征在于， 其上存储有计算机管理类程序， 所述计算机 管理类程序被处理器执行时实现如权利要求1 ‑6任一项所述的基于浏览器前端渲染OFD文 档的方法的步骤。权　利　要　求　书 2/2 页 3 CN 115328588 A 3