一种页面显示的处理方法、装置、终端和存储介质制造方法及图纸

技术编号:38729484 阅读:10 留言:0更新日期:2023-09-08 23:20
本发明专利技术公开了一种页面显示的处理方法、装置、终端和存储介质,该方法包括:获取PDF文档;对页面PDF文档进行转换提取处理以确定对应页面PDF文档的叠层转换数据,其中页面叠层转换数据在每一页中进行分类为第一显示层级数据和第二显示层级数据,页面第一显示层级数据用于显示文本信息,页面第二显示层级数据用于显示非文本信息;确定目标页数;根据页面目标页数从页面叠层转换数据中确定打包数据,其中页面打包数据用于页面显示。该方法通过第一显示层级数据与第二显示层级数据的叠层显示使得页面显示时文本信息能够自适应清晰缩放,同时通过按需加载提高了流畅度。通过按需加载提高了流畅度。通过按需加载提高了流畅度。

【技术实现步骤摘要】
一种页面显示的处理方法、装置、终端和存储介质


[0001]本专利技术涉及网页处理
,尤其涉及一种页面显示的处理方法、装置、终端和存储介质。

技术介绍

[0002]在H5或Web页面上对PDF文档进行显示时,以H5为例,现有技术一般采用PDFjs技术实现PDF文档格式的转换以在H5页面上显示,PDFjs技术基于HTML5和CSS3实现,其原理具体如下:首先解析PDF文档,通过解析PDF文档的字节流,将其转化为含有结构化数据的对象模型,其中PDF的结构包括页面、文本、图片、字体、链接等信息;然后将PDF转换为HTML,具体地,将PDF文档中的页面转换为HTML div元素,并使用CSS样式来呈现PDF页面的布局和样式,从而提高浏览器的兼容性和性能,同时还解析PDF文档中的字体,将其转换为Web字体文件并用于HTML页面中的文本渲染;最后加载PDF内容,通过WebGL或CanvasAPI来呈现PDF文档的图像内容,以使PDF文档的呈现质量更高并提供一些特效处理。
[0003]PDFjs技术在解析过程比较复杂,而且现有技术在H5页面显示PDF文档时,需要直接将整个PDF文档一次性完全解析再对整个解析结果渲染以在前端显示,当PDF文档大小过大时,例如50M、100M或更大的文件大小,一方面由于PDF文件是一种二进制格式的文件,在网页中加载显示时需要借助JavaScript或其他客户端脚本解析器来实现,并且在解析pdf二进制时需要比较大的计算量,这将导致解析速度慢;另一方面,此时H5因需通过网络加载大文件而变得缓慢,这对用户而言,需要较长的前端数据加载时间。

技术实现思路

[0004]为了克服现有技术存在的缺陷与不足,本专利技术提出了一种页面显示的处理方法、装置、终端和存储介质,该方法通过第一显示层级数据与第二显示层级数据的叠层显示使得页面显示时文本信息能够随着用户的缩放操作进行清晰缩放。
[0005]根据本申请的一个方面,本专利技术采用以下技术方案:
[0006]一种页面显示的处理方法,用于在B/S交互下的服务器端执行,所述方法包括以下步骤:
[0007]获取PDF文档;
[0008]对所述PDF文档进行转换提取处理以确定对应所述PDF文档的叠层转换数据,其中所述叠层转换数据在每一页中进行分类为第一显示层级数据和第二显示层级数据,所述第一显示层级数据用于显示文本信息,所述第二显示层级数据用于显示非文本信息;
[0009]确定目标页数,其中所述目标页数对应于当前用户在所述PDF文档中查看的页数;
[0010]根据所述目标页数从所述叠层转换数据中确定打包数据,其中所述打包数据用于页面显示。
[0011]作为优选的技术方案,所述转换提取处理,具体包括:
[0012]解析所述PDF文档以得到对应的PDF格式信息;
[0013]从所述PDF格式信息中筛选文本信息;
[0014]在每一页的处理中,将文本信息以矢量格式进行存储以确定当前处理页的第一显示层级数据,将剩下的非文本信息以图片格式进行存储以确定当前处理页的第二显示层级数据;
[0015]其中,所述第二显示层级数据在页面显示时用于设置于所述第一显示层级数据所显示内容的背景,以使所述文本信息通过叠加在所述非文本信息上以覆盖替换存在重叠的位置点。
[0016]作为优选的技术方案,在根据所述目标页数从所述叠层转换数据中确定打包数据中,具体为:从所述叠层转换数据中确定对应所述目标页数的第一显示层级数据和第二显示层级数据,同时基于预加载页数确定关联的第一显示层级数据和第二显示层级数据,一并作为所述打包数据。
[0017]根据本申请的另一个方面,本专利技术采用以下技术方案:
[0018]一种页面显示的处理方法,用于基于浏览器的页面显示,所述方法包括以下步骤:
[0019]确定目标页数,其中所述目标页数对应于当前用户在PDF文档中查看的页数;
[0020]接收打包数据,所述打包数据为根据所述目标页数从叠层转换数据中确定得到,所述叠层转换数据为对所述PDF文档进行转换提取处理以确定,所述PDF文档的内容与叠层转换数据的内容对应,所述叠层转换数据与所述PDF文档对应,其中所述叠层转换数据在每一页中进行分类为第一显示层级数据和第二显示层级数据,所述第一显示层级数据用于显示文本信息,所述第二显示层级数据用于显示非文本信息;
[0021]通过浏览器页面解析并加载所述打包数据以显示页面内容。
[0022]作为优选的技术方案,所述方法还包括:响应于用户的缩放操作指令以完成对所述浏览器页面进行缩放。
[0023]作为优选的技术方案,所述缩放操作指令包括缩小操作指令和放大操作指令;
[0024]在响应于用户的缩放操作指令以完成对所述浏览器页面进行缩放中,具体包括:
[0025]当确定所述缩放操作指令为缩小操作指令时,根据缩小倍数对所述浏览器页面缩小;
[0026]当确定所述缩放操作指令为放大操作指令时,根据放大倍数对所述浏览器页面缩小;
[0027]其中,所述缩小倍数为通过第一用户操作形式确定,所述第一用户操作形式包括:按下第一按键、触发鼠标滚轮以第一方向滚动幅度或输入数值,所述放大倍数为通过第二用户操作形式确定,所述第二用户操作形式包括:按下第二按键、触发鼠标滚轮以第二方向滚动幅度或输入数值。
[0028]根据本申请的另一个方面,本专利技术采用以下技术方案:
[0029]一种页面显示的处理装置,包括:
[0030]文档资源模块,用于获取PDF文档;
[0031]转换提取处理模块,用于对所述PDF文档进行转换提取处理以确定对应所述PDF文档的叠层转换数据,其中所述PDF文档的内容与叠层转换数据的内容对应,所述叠层转换数据在每一页中进行分类为第一显示层级数据和第二显示层级数据,所述第一显示层级数据用于显示文本信息,所述第二显示层级数据用于显示非文本信息;
[0032]打包数据确定模块,用于确定目标页数,根据所述目标页数从所述叠层转换数据中确定打包数据,其中所述目标页数对应于当前用户在所述PDF文档中查看的页数,所述打包数据用于页面显示。
[0033]作为优选的技术方案,所述转换提取处理,具体包括:
[0034]解析所述PDF文档以得到对应的PDF格式信息;
[0035]从所述PDF格式信息中筛选文本信息;
[0036]在每一页的处理中,将文本信息以矢量格式进行存储以确定当前处理页的第一显示层级数据,将剩下的非文本信息以图片格式进行存储以确定当前处理页的第二显示层级数据。
[0037]根据本申请的另一个方面,本专利技术采用以下技术方案:
[0038]一种终端,包括:至少一个存储器和至少一个处理器;
[0039]其中,所述至少一个存储器用于存储程序代码,所述至少一个处理器用于调用所述至少一个存储器所存储的程序代码执行上述任一项所述的页面显示的处理方法。
[0040本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面显示的处理方法,其特征在于,所述方法包括以下步骤:获取PDF文档;对所述PDF文档进行转换提取处理以确定对应所述PDF文档的叠层转换数据,其中所述叠层转换数据在每一页中进行分类为第一显示层级数据和第二显示层级数据,所述第一显示层级数据用于显示文本信息,所述第二显示层级数据用于显示非文本信息;确定目标页数,其中所述目标页数对应于当前用户在所述PDF文档中查看的页数;根据所述目标页数从所述叠层转换数据中确定打包数据,其中所述打包数据用于页面显示。2.根据权利要求1所述的页面显示的处理方法,其特征在于,所述转换提取处理,具体包括:解析所述PDF文档以得到对应的PDF格式信息;从所述PDF格式信息中筛选文本信息;在每一页的处理中,将文本信息以矢量格式进行存储以确定当前处理页的第一显示层级数据,将剩下的非文本信息以图片格式进行存储以确定当前处理页的第二显示层级数据;其中,所述第二显示层级数据在页面显示时用于设置于所述第一显示层级数据所显示内容的背景,以使所述文本信息通过叠加在所述非文本信息上以覆盖替换存在重叠的位置点。3.根据权利要求1所述的页面显示的处理方法,其特征在于,在根据所述目标页数从所述叠层转换数据中确定打包数据中,具体为:从所述叠层转换数据中确定对应所述目标页数的第一显示层级数据和第二显示层级数据,同时基于预加载页数确定关联的第一显示层级数据和第二显示层级数据,一并作为所述打包数据。4.一种页面显示的处理方法,用于基于浏览器的页面显示,其特征在于,所述方法包括以下步骤:确定目标页数,其中所述目标页数对应于当前用户在PDF文档中查看的页数;接收打包数据,所述打包数据为根据所述目标页数从叠层转换数据中确定得到,所述叠层转换数据为对所述PDF文档进行转换提取处理以确定,所述PDF文档的内容与叠层转换数据的内容对应,所述叠层转换数据与所述PDF文档对应,其中所述叠层转换数据在每一页中进行分类为第一显示层级数据和第二显示层级数据,所述第一显示层级数据用于显示文本信息,所述第二显示层级数据用于显示非文本信息,所述第一显示层级数据通过叠加在所述第二层级数据上以覆盖替换存在重叠的位置点;通过浏览器页面解析并加载所述打包数据以显示页面内容。5.根据权利要求4所述的页面显示的...

【专利技术属性】
技术研发人员:黄先财
申请(专利权)人:广州万彩信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1