一种基于浏览器前端渲染OFD文档的方法及系统.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115328588A(43)申请公布日2022.11.11(21)申请号202210393537.3(22)申请日2022.04.07(71)申请人百望股份有限公司地址100094北京市海淀区北清路中关村壹号A1楼17层(72)发明人杨正道冯辉高明董建(51)Int.Cl.G06F9/451(2018.01)G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书6页附图3页(54)发明名称一种基于浏览器前端渲染OFD文档的方法及系统(57)摘要本发明属于OFD文档阅读技术领域，具体提供一种基于浏览器前端渲染OFD文档的方法及系统，其中方法包括通过浏览器前端来下载服务端文件或打开本地文件的方式，将OFD文档加载至内存中；在浏览器前端解析所述OFD文档并提取非可视化数据；在浏览器前端根据需要显示的指定页，解析所述指定页和所需的资源；在浏览器前端将所述指定页渲染为SVG，并将该SVG文件流存储在内存中；在浏览器前端从内存中提取该页面的SVG描述流并插入在网页中，并利用浏览器的引擎显示；在浏览器前端放大和缩小该页面时，修改SVG描述流中svg标签的transform属性进行缩放。该方案不占用服务器的计算资源以及传输带宽资源，无安全风险；而且在缩放后还能保证显示清晰，不会模糊失真。CN115328588ACN115328588A权利要求书1/2页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/255；位置坐标、宽高、字号数值转化，原数值为length，转换结果＝length/25.4*72；端点样式转化，OFD文档中端点样式取值为Butt，Round和Square，转化为SVG名称时需要将首字母小写，转化后分别为butt，round和square；2CN115328588A权利要求书2/2页连接样式转化，OFD文档中端点样式取值为Miter，Round和Bevel，转化为SVG名称时需将首字母小写，转化后分别为miter，round和bevel。6.根据权利要求1所述的基于浏览器前端渲染OFD文档的方法，其特征在于，所述S4中渲染的内容包括图像，图像渲染具体过程包括：提取图像对象的位置、大小、变换矩阵和图像资源的二进制字节流；将图像