CN114969588A - 一种文档浏览方法、装置、电子设备及存储介质 - Google Patents

一种文档浏览方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN114969588A
CN114969588A CN202210482643.9A CN202210482643A CN114969588A CN 114969588 A CN114969588 A CN 114969588A CN 202210482643 A CN202210482643 A CN 202210482643A CN 114969588 A CN114969588 A CN 114969588A
Authority
CN
China
Prior art keywords
target picture
page
display content
sliding
determining
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210482643.9A
Other languages
English (en)
Inventor
吕铭印
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhejiang Geely Holding Group Co Ltd
Zhejiang Zeekr Intelligent Technology Co Ltd
Original Assignee
Zhejiang Geely Holding Group Co Ltd
Zhejiang Zeekr Intelligent Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Zhejiang Geely Holding Group Co Ltd, Zhejiang Zeekr Intelligent Technology Co Ltd filed Critical Zhejiang Geely Holding Group Co Ltd
Priority to CN202210482643.9A priority Critical patent/CN114969588A/zh
Publication of CN114969588A publication Critical patent/CN114969588A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/151Transformation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00Geometric image transformations in the plane of the image
    • G06T3/40Scaling of whole images or parts thereof, e.g. expanding or contracting
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00Image analysis
    • G06T7/10Segmentation; Edge detection
    • G06T7/11Region-based segmentation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00Image analysis
    • G06T7/60Analysis of geometric attributes
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2207/00Indexing scheme for image analysis or image enhancement
    • G06T2207/20Special algorithmic details
    • G06T2207/20112Image segmentation details
    • G06T2207/20132Image cropping

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • General Health & Medical Sciences (AREA)
  • Computational Linguistics (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • Geometry (AREA)
  • Health & Medical Sciences (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种文档浏览方法、装置、电子设备及存储介质,涉及网络文档处理领域。所述方法包括:在当前页面中展示目标图片的初始展示内容;所述目标图片是对待浏览PDF文档转换得到的;响应于在所述页面中的滑动操作指令,确定所述目标图片的第一滑动距离;根据所述第一滑动距离确定所述目标图片的第一剪切位置;基于所述第一剪切位置和所述目标图片的初始宽度,确定所述目标图片的第一滑动展示内容;将所述第一滑动展示内容渲染至所述页面对应的画布上;基于所述初始展示内容和所述第一滑动展示内容,展示所述PDF文档。本发明将PDF文档转换成图片的形式在页面中直接查看,采用画布渲染组件,方便快捷,减少性能损耗和移动终端卡顿。

Description

一种文档浏览方法、装置、电子设备及存储介质
技术领域
本发明涉及网络文档处理领域,更具体的,涉及一种文档浏览方法、装置、电子设备及存储介质。
背景技术
目前在移动终端浏览PDF文档的方法有很多种,如调用APP插件使用原生代码预览,从体验上来说调用APP插件预览的效果最好,但是需要在APP内,在浏览器中无法使用。
目前很多浏览器也提供了在网页中直接打开并浏览PDF文档的功能,通过确定PDF文档在网页的可视区域中待显示的页码,向服务器发送获取所述页码对应的内容文件和附件资源文件的请求,以使得所述服务器根据所述请求获取所述页码对应的内容文件的存储路径和附件资源文件的存储路径,并根据获取的路径返回所述页码对应的内容文件和附件资源文件;对所述页码对应的内容文件和附件资源文件进行页面渲染,得到目标页面,以及通过鼠标或页面上的滚动条滚动页面进行浏览。
上述方案存在的技术问题可能有:需要频繁向浏览器发送请求,通过页码查看,进行页面跳动,会计算页面中所有信息的布局信息,同时导致页面的重绘,对浏览器要求高,容易造成卡顿;需要浏览器滚动条进行查看浏览,滚动会频繁的触发回流和重绘,进而导致浏览卡顿,影响性能。
发明内容
鉴于以上所述现有技术的缺点,本申请的目的在于解决移动终端PDF文档浏览卡顿的问题。
为解决上述技术问题,本发明提供一种文档浏览方法、装置、电子设备及存储介质,所述方案如下:
一方面,提供了一种文档浏览方法,包括:
在当前页面中展示目标图片的初始展示内容,所述初始展示内容的高度与所述页面的高度一致;所述目标图片是对待浏览PDF文档转换得到的;
响应于在所述页面中的滑动操作指令,确定所述目标图片的第一滑动距离;
根据所述第一滑动距离确定所述目标图片的第一剪切位置,所述第一剪切位置指示所述目标图片的滑动展示内容相对于所述初始展示内容的滑动高度;
基于所述第一剪切位置和所述目标图片的初始宽度,确定所述目标图片的第一滑动展示内容;
将所述第一滑动展示内容渲染至所述页面对应的画布上;所述画布的尺寸信息与所述页面的尺寸信息一致;
基于所述初始展示内容和所述第一滑动展示内容,展示所述PDF文档。
可选的,还包括:
响应于在所述页面中的缩放操作指令,确定所述目标图片的缩放比例、缩放位置和第二滑动距离;所述缩放比例为所述目标图片缩放后的宽度与所述目标图片初始宽度的比值;所述目标图片初始宽度与所述页面的宽度一致;
根据所述目标图片的缩放比例、缩放位置和第二滑动距离,确定所述目标图片的第二剪切位置;所述第二剪切位置指示缩放后的所述目标图片在所述页面中的展示高度;
基于所述第二剪切位置和目标图片缩放后的宽度,确定所述目标图片的缩放展示内容;
将所述缩放展示内容渲染至所述页面对应的画布上。
可选的,还包括:
监听所述页面的触屏事件,所述触屏事件包括滑动操作事件和缩放操作事件;
在监听到所述滑动操作事件时,生成所述滑动操作指令;
在监听到所述缩放操作事件时,生成所述缩放操作指令。
可选的,若所述目标图片的第一剪切位置位于所述目标图片的边界处,则所述基于所述第一剪切位置和所述目标图片的初始宽度,确定所述目标图片的第一滑动展示内容之后还包括:
根据滑动操作的方向,确定所述目标图片的相邻目标图片;所述相邻目标图片作为将展示的目标图片;
根据所述目标图片的第一剪切位置和所述页面的高度,确定所述相邻目标图片的第三剪切位置;
基于所述第三剪切位置和所述相邻目标图片的宽度,确定所述相邻目标图片的第二滑动展示内容;所述相邻目标图片的宽度与所述目标图片的初始宽度一致;
所述将所述第一滑动展示内容渲染至所述页面对应的画布上之后还包括:
将所述第二滑动展示内容渲染至所述页面对应的画布上。
可选的,还包括:
控制所述触屏事件的响应时间,根据所述响应时间确定针对所述页面的渲染频率;所述渲染频率为在单位时间内处理渲染事件的次数,表征在进行滑动操作和缩放操作时所述页面的流畅度。
可选的,所述在当前页面中展示目标图片的初始展示内容,包括:
响应于转换指令,根据待浏览PDF文档的页数将所述PDF文档转换成对应页数的所述目标图片;
获取所述页面的尺寸信息,并基于所述尺寸信息确定所述初始展示内容;所述尺寸信息包括所述页面的宽度和高度;
将所述初始展示内容渲染至所述页面对应的画布上。
可选的,还包括:
创建画布元素标签,所述画布元素标签中包含所述画布的尺寸信息;
调用绘制脚本,在所述页面中基于所述画布的尺寸信息生成所述画布。
另一方面,提供了一种文档浏览装置,包括:
转换模块,用于在当前页面中展示目标图片的初始展示内容,所述初始展示内容的高度与所述页面的高度一致;所述目标图片是对待浏览PDF文档转换得到的;
滑动操作模块,用于响应于在所述页面中的滑动操作指令,确定所述目标图片的第一滑动距离;
第一剪切位置确定模块,用于根据所述第一滑动距离确定所述目标图片的第一剪切位置,所述第一剪切位置指示所述目标图片的滑动展示内容相对于所述初始展示内容的滑动高度;
第一滑动展示内容确定模块,用于基于所述第一剪切位置和所述目标图片的初始宽度,确定所述目标图片的第一滑动展示内容;
第一滑动展示内容渲染模块,用于将所述滑动展示内容渲染至所述页面对应的画布上;所述画布的尺寸信息与所述页面的尺寸信息一致;
展示模块,用于基于所述初始展示内容和所述第一滑动展示内容,展示所述PDF文档。
可选的,所述装置还包括:
缩放操作模块,用于响应于在所述页面中的缩放操作指令,确定所述目标图片的缩放比例、缩放位置和第二滑动距离;所述缩放比例为所述目标图片缩放后的宽度与所述目标图片初始宽度的比值;所述目标图片初始宽度与所述页面的宽度一致;
第二剪切位置确定模块,用于根据所述目标图片的缩放比例、缩放位置和第二滑动距离,确定所述目标图片的第二剪切位置;所述第二剪切位置指示缩放后的所述目标图片在所述页面中的展示高度;
缩放展示内容确定模块,用于基于所述第二剪切位置和目标图片缩放后的宽度,确定所述目标图片的缩放展示内容;
缩放展示内容渲染模块,用于将所述缩放展示内容渲染至所述页面对应的画布上。
可选的,所述装置还包括:
监听模块,用于监听所述页面的触屏事件,所述触屏事件包括滑动操作事件和缩放操作事件;
滑动操作指令生成模块,用于在监听到所述滑动操作事件时,生成所述滑动操作指令;
缩放操作指令生成模块,用于在监听到所述缩放操作事件时,生成所述缩放操作指令。
可选的,若所述目标图片的第一剪切位置位于所述目标图片的边界处,则所述装置还包括:
相邻目标图片确定模块,用于根据滑动操作的方向,确定所述目标图片的相邻目标图片;所述相邻目标图片作为将展示的目标图片;
第二剪切位置确定模块,用于根据所述目标图片的第一剪切位置和所述页面的高度,确定所述相邻目标图片的第二剪切位置;
第二滑动展示内容确定模块,用于基于所述第二剪切位置和所述相邻目标图片的宽度,确定所述相邻目标图片的第二滑动展示内容;所述相邻目标图片的宽度与所述目标图片的初始宽度一致;
第二滑动展示内容渲染模块,用于将所述第二滑动展示内容渲染至所述页面对应的画布上。
可选的,所述转换模块包括:
转换单元,用于响应于转换指令,根据待浏览PDF文档的页数将所述PDF文档转换成对应页数的所述目标图片;
初始展示内容确定单元,用于获取所述页面的尺寸信息,并基于所述尺寸信息确定所述初始展示内容;所述尺寸信息包括所述页面的宽度和高度;
渲染单元,用于将所述初始展示内容渲染至所述页面对应的画布上。
可选的,所述装置还包括:
画布创建模块,用于创建画布元素标签,所述画布元素标签中包含所述画布的尺寸信息;
脚本调用模块,用于调用绘制脚本,在所述页面中基于所述画布的尺寸信息生成所述画布。
另一方面,提供了一种电子设备,包括处理器和存储器,所述存储器中存储有至少一条指令或者至少一段程序,所述至少一条指令或者所述至少一段程序由所述处理器加载并执行以实现上述方法的步骤。
另一方面,提供了一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由处理器加载并执行以实现上述方法的步骤。
另一方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中,计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述方法的步骤。
采用上述技术方案,本发明具有如下有益效果:
将PDF文档转换成图片的形式在浏览器页面中直接查看,无需下载APP插件,更佳方便快捷;采用画布渲染组件,更加精确的控制需要渲染的内容,除了刚开始的画布标签节点外,不需要频繁修改dom元素的属性,引发重绘;监听页面的滑动操作,模拟浏览器滚动条,可以自己控制滚动幅度,不会导致用户一直下滑错过重要内容,且没有浏览器滚动条,不会因为滚动时发生回流和重绘导致浏览器进行计算,进而减少性能损耗和移动终端卡顿。
本发明的其它特征和优点将在随后具体实施方式部分予以详细说明。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,其中,相同的参考标号通常代表相同部件。对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种文档浏览方法的流程示意图;
图2为本发明实施例提供的文档浏览方法的一种可选方法流程示意图;
图3为本发明实施例提供的一种文档浏览装置的结构示意图;
图4为本发明实施提供的运行文档浏览方法的终端的硬件结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述。显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
此处所称的“一个实施例”或“实施例”是指可包含于本发明至少一个实现方式中的特定特征、结构或特性。在本发明的描述中,需要理解的是,术语“上”、“下”、“顶”、“底”等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制。此外,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含的包括一个或者更多个该特征。而且,术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。
参考图1,其所示为本发明实施例提供的一种文档浏览方法的流程示意图。需要说明的是,本说明书提供了如实施例或流程图所述的方法操作步骤,但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式,不代表唯一的执行顺序。在实际中的***装置或产品执行时,可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。本发明实施例提供的文档浏览方法包括:
S101,在当前页面中展示目标图片的初始展示内容,所述初始展示内容的高度与所述页面的高度一致;所述目标图片是对待浏览PDF文档转换得到的;
在一种可能的实施方式中,所述方法还包括:
(1)响应于转换指令,根据待浏览PDF文档的页数将所述PDF文档转换成对应页数的所述目标图片;
(2)获取所述页面的尺寸信息,并基于所述尺寸信息确定所述初始展示内容;所述尺寸信息包括所述页面的宽度和高度;
(3)将所述初始展示内容渲染至所述页面对应的画布上。
在一种可能的实施方式中,所述方法还包括:
创建画布元素标签,所述画布元素标签中包含所述画布的尺寸信息;
调用绘制脚本,在所述页面中基于所述画布的尺寸信息生成所述画布。
具体的,本发明实施例不需要下载APP插件,在移动终端的浏览器页面中导入待浏览的PDF文档,移动终端可以包括手机、平板电脑、个人电脑等,将所述PDF文档转换成目标图片,目标图片的初始展示内容与页面的尺寸信息相适应,所述页面的尺寸信息可以是移动终端的整个显示界面的尺寸信息,也可是用户预先设定的浏览器中用于展示文字、图标或其他页面元素的个性化区域的尺寸信息,目标图片的初始宽度与页面宽度一致,也就是说在规定的页面可视范围内展示目标图片。此外,还可在页面中添加长按菜单、数据埋点、标注等功能,优化使用体验。
本发明实施例中,所述画布采用canvas元素,用于目标图片中展示内容的绘制渲染。canvas元素本身是没有绘图能力的,使用绘制脚本JavaScript完成绘制。Canvas元素拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法,在移动终端向页面添加canvas元素,创建canvas元素标签节点,并规定元素宽度和高度,所述宽度和高度与页面的尺寸一致,调用JavaScript脚本生成画布,使用CanvasContext的drawImage方法按照页面的尺寸信息对目标图片进行剪切,将初始展示内容渲染至画布上。这样除了初始的canvas节点外,没有任何dom节点操作,不需要频繁修改dom元素的属性,避免引发回流或者重绘,减少卡顿。
S102,响应于在所述页面中的滑动操作指令,确定所述目标图片的第一滑动距离;
S103,根据所述第一滑动距离确定所述目标图片的第一剪切位置,所述第一剪切位置指示所述目标图片的滑动展示内容相对于所述初始展示内容的滑动高度;
具体的,用户在页面中进行滑动操作浏览目标图片,无需浏览器的滚动条,本发明实施例中,滑动操作可以为向上滑动或向下滑动。在一个实施例中,当向下滑动时,第一滑动距离是指滑动后目标图片的初始展示内容的下边界距离页面下边界的距离,将滑动后的目标图片在页面下边界处作为第一剪切位置。
S104,基于所述第一剪切位置和所述目标图片的初始宽度,确定所述目标图片的第一滑动展示内容;
S105,将所述第一滑动展示内容渲染至所述页面对应的画布上;所述画布的尺寸信息与所述页面的尺寸信息一致;
与初始展示内容的确定思路一致,根据目标图片的初始宽度和第一剪切位置指示的滑动高度,确定第一滑动展示内容,用drawImage基于第一剪切位置将第一滑动展示内容剪切,然后渲染至画布上,完成滑动浏览。
S106,基于所述初始展示内容和所述第一滑动展示内容,展示所述PDF文档。
在一种可能的实施方式中,若所述目标图片的第一剪切位置位于所述目标图片的边界处,则所述基于所述第一剪切位置和所述目标图片的初始宽度,确定所述目标图片的第一滑动展示内容之后还包括:
(1)根据滑动操作的方向,确定所述目标图片的相邻目标图片;所述相邻目标图片作为将展示的目标图片;
(2)根据所述目标图片的第一剪切位置和所述页面的高度,确定所述相邻目标图片的第三剪切位置;
(3)基于所述第三剪切位置和所述相邻目标图片的宽度,确定所述相邻目标图片的第二滑动展示内容;所述相邻目标图片的宽度与所述目标图片的初始宽度一致;
具体的,由于PDF文档有多页内容,故转换成多张图片,若所述目标图片的第一剪切位置位于所述目标图片的边界处,即目标图片的内容不够展示页面的可视区域,则根据滑动操作的方向,确定即将展示的相邻目标图片,在一个实施例中,向下滑动操作时,获取下一页的图片作为相邻目标图片,将滑动后的目标图片在页面下边界处作为第三剪切位置,然后根据所述第三剪切位置与所述第一剪切位置的高度差和相邻目标图片的宽度确定第二滑动展示内容。
将所述第一滑动展示内容渲染至所述页面对应的画布上之后还包括:将所述第二滑动展示内容渲染至所述页面对应的画布上。并将第一滑动展示内容和第二滑动展示内容一起作为此次滑动操作的浏览对象。本发明实施例利用模拟滚动代替浏览器的滚动条,不会因为滚动时发生回流和重绘导致浏览器进行计算,提升浏览器的流畅性。
参考图2,其所示为本发明实施例提供的文档浏览方法的一种可选方法流程示意图,在一种可能的实施方式中,所述文档浏览方法还包括:
S201,响应于在所述页面中的缩放操作指令,确定所述目标图片的缩放比例、缩放位置和第二滑动距离;所述缩放比例为所述目标图片缩放后的宽度与所述目标图片初始宽度的比值;所述目标图片初始宽度与所述页面的宽度一致;
除了滑动操作,用户还可以对目标图片进行缩放操作,包括放大或缩小,滑动距离是指以缩放位置为中心,目标图片相对于页面上边界和下边界滑动的距离,可以根据缩放比例和页面尺寸进行确定。
故在一种可能的实施方式中,所述文档浏览方法还包括:
监听所述页面的触屏事件,所述触屏事件包括滑动操作事件和缩放操作事件;
在监听到所述滑动操作事件时,生成所述滑动操作指令;
在监听到所述缩放操作事件时,生成所述缩放操作指令。
通过实时监听页面的触屏事件,隐藏浏览器默认的滚动条,用户自己实现滚动和缩放,保证触屏事件触发的时机和重绘时机同步,不会导致页面跳动,不需要频繁获取滚动条的位置导致回流。
S202,根据所述目标图片的缩放比例、缩放位置和第二滑动距离,确定所述目标图片的第二剪切位置;所述第二剪切位置指示缩放后的所述目标图片在所述页面中的展示高度;
S203,基于所述第二剪切位置和目标图片缩放后的宽度,确定所述目标图片的缩放展示内容;
S204,将所述缩放展示内容渲染至所述页面对应的画布上。
具体的,当进行缩小操作时,以缩小位置为中心,根据缩小比例和第二滑动距离在页面的上边界和下边界处确定第二剪切位置,根据第二剪切位置和缩小后的目标图片宽度确定缩小展示内容,并将其渲染至画布上;同理,当进行放大操作时,以放大位置为中心,根据放大比例和第二滑动距离在页面的上边界和下边界处确定第二剪切位置,根据第二剪切位置和放大后的目标图片宽度确定放大展示内容,并将其渲染至画布上。
在一种可能的实施方式中,所述文档浏览方法还包括:
控制所述触屏事件的响应时间,根据所述响应时间确定针对所述页面的渲染频率;所述渲染频率为在单位时间内处理渲染事件的次数,表征在进行滑动操作和缩放操作时所述页面的流畅度。
具体的,将渲染事件进行缓存,达到一定数量对页面进行刷新,减少页面频繁的重绘现象。浏览器维护1个队列,把所有会引起回流、重绘的操作(渲染事件)放入这个队列,等队列中的操作到了一定的数量或者到了一定的时间间隔,浏览器进行批处理,这样就会让多次的回流、重绘变成一次回流重绘,减少计算次数,优化性能。本发明实施例中,控制触屏事件的响应时间,渲染频率控制在30帧,可以在保证不影响视觉体验的前提下减少卡顿,提高浏览的流畅度。
与上述文档浏览方法相对应,本发明实施例还提供一种文档浏览装置,由于本发明实施例提供的路径规划装置与上述几种实施例提供的文档浏览方法相对应,因此前述文档浏览方法的实施方式也适用于本实施例提供的文档浏览装置,在本发明实施例中不再赘述。
参考图3,其所示为本发明实施例提供的一种文档浏览装置的结构示意图,该装置具有实现上述方法实施例中文档浏览方法的功能,所述功能可以由硬件实现,也可以由硬件执行相应的软件实现,该装置可以包括:
转换模块301,用于在当前页面中展示目标图片的初始展示内容,所述初始展示内容的高度与所述页面的高度一致;所述目标图片是对待浏览PDF文档转换得到的;
滑动操作模块302,用于响应于在所述页面中的滑动操作指令,确定所述目标图片的第一滑动距离;
第一剪切位置确定模块303,用于根据所述第一滑动距离确定所述目标图片的第一剪切位置,所述第一剪切位置指示所述目标图片的滑动展示内容相对于所述初始展示内容的滑动高度;
第一滑动展示内容确定模块304,用于基于所述第一剪切位置和所述目标图片的初始宽度,确定所述目标图片的第一滑动展示内容;所述目标图片的初始宽度与所述页面的宽度一致;
第一滑动展示内容渲染模块305,用于将所述滑动展示内容渲染至所述页面对应的画布上;所述画布的尺寸信息与所述页面的尺寸信息一致;
展示模块306,用于基于所述初始展示内容和所述第一滑动展示内容,展示所述PDF文档。
可选的,所述装置还包括:
缩放操作模块,用于响应于在所述页面中的缩放操作指令,确定所述目标图片的缩放比例、缩放位置和第二滑动距离;所述缩放比例为所述目标图片缩放后的宽度与所述目标图片初始宽度的比值;所述目标图片初始宽度与所述页面的宽度一致;
第二剪切位置确定模块,用于根据所述目标图片的缩放比例、缩放位置和第二滑动距离,确定所述目标图片的第二剪切位置;所述第二剪切位置指示缩放后的所述目标图片在所述页面中的展示高度;
缩放展示内容确定模块,用于基于所述第二剪切位置和目标图片缩放后的宽度,确定所述目标图片的缩放展示内容;
缩放展示内容渲染模块,用于将所述缩放展示内容渲染至所述页面对应的画布上。
可选的,所述装置还包括:
监听模块,用于监听所述页面的触屏事件,所述触屏事件包括滑动操作事件和缩放操作事件;
滑动操作指令生成模块,用于在监听到所述滑动操作事件时,生成所述滑动操作指令;
缩放操作指令生成模块,用于在监听到所述缩放操作事件时,生成所述缩放操作指令。
可选的,若所述目标图片的第一剪切位置位于所述目标图片的边界处,则所述装置还包括:
相邻目标图片确定模块,用于根据滑动操作的方向,确定所述目标图片的相邻目标图片;所述相邻目标图片作为将展示的目标图片;
第二剪切位置确定模块,用于根据所述目标图片的第一剪切位置和所述页面的高度,确定所述相邻目标图片的第二剪切位置;
第二滑动展示内容确定模块,用于基于所述第二剪切位置和所述相邻目标图片的宽度,确定所述相邻目标图片的第二滑动展示内容;所述相邻目标图片的宽度与所述目标图片的初始宽度一致;
第二滑动展示内容渲染模块,用于将所述第二滑动展示内容渲染至所述页面对应的画布上。
可选的,所述转换模块包括:
转换单元,用于响应于转换指令,根据待浏览PDF文档的页数将所述PDF文档转换成对应页数的所述目标图片;
初始展示内容确定单元,用于获取所述页面的尺寸信息,并基于所述尺寸信息确定所述初始展示内容;所述尺寸信息包括所述页面的宽度和高度;
渲染单元,用于将所述初始展示内容渲染至所述页面对应的画布上。
可选的,所述装置还包括:
画布创建模块,用于创建画布元素标签,所述画布元素标签中包含所述画布的尺寸信息;
脚本调用模块,用于调用绘制脚本,在所述页面中基于所述画布的尺寸信息生成所述画布。
本发明实施例还提供一种电子设备,包括处理器和存储器,所述存储器中存储有至少一条指令或者至少一段程序,所述至少一条指令或者所述至少一段程序由所述处理器加载并执行以实现如上述文档浏览方法的步骤。
存储器可用于存储软件程序以及模块,处理器通过运行存储在存储器的软件程序以及模块,从而执行各种功能应用。存储器可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、功能所需的应用程序等;存储数据区可存储根据所述设备的使用所创建的数据等。此外,存储器可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器还可以包括存储器控制器,以提供处理器对存储器的访问。处理器可以是中央处理单元,还可以是其他通用处理器、数字信号处理器、专用集成电路或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等,通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
本发明实施例所提供的方法实施例可以在计算机终端、服务器或者类似的运算装置中执行。以运行在终端上为例,参考图4,其所示为本发明实施例提供的运行一种文档浏览方法的终端的硬件结构示意图。
具体的,所述终端可以包括RF(Radio Frequency,射频)电路410、包括有一个或一个以上计算机可读存储介质的存储器420、输入单元430、显示单元440、传感器450、音频电路460、WiFi(wireless fidelity,无线保真)模块470、包括有一个或者一个以上处理核心的处理器480、以及电源490等部件。本领域技术人员可以理解,图4中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
RF电路410可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,交由一个或者一个以上处理器480处理;另外,将涉及上行的数据发送给基站。通常,RF电路410包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier,低噪声放大器)、双工器等。此外,RF电路410还可以通过无线通信与网络和其他终端通信。所述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobile communication,全球移动通讯***)、GPRS(General Packet Radio Service,通用分组无线服务)、CDMA(CodeDivision Multiple Access,码分多址)、WCDMA(Wideband Code Division MultipleAccess,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(ShortMessaging Service,短消息服务)等。
存储器420可用于存储软件程序以及模块,处理器480通过运行存储在存储器420的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器420可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、功能所需的应用程序等;存储数据区可存储根据所述终端的使用所创建的数据等。此外,存储器420可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器420还可以包括存储器控制器,以提供处理器480和输入单元430对存储器420的访问。
输入单元430可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,输入单元430可包括触敏表面431以及其他输入设备432。触敏表面431,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面431上或在触敏表面431附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面431可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器480,并能接收处理器480发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面431。除了触敏表面431,输入单元430还可以包括其他输入设备432。具体地,其他输入设备432可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元440可用于显示由用户输入的信息或提供给用户的信息以及所述终端的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元440可包括显示面板441,可选的,可以采用LCD(Liquid Crystal Display,液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板441。进一步的,触敏表面431可覆盖显示面板441,当触敏表面431检测到在其上或附近的触摸操作后,传送给处理器480以确定触摸事件的类型,随后处理器480根据触摸事件的类型在显示面板441上提供相应的视觉输出。其中,触敏表面431与显示面板441可以两个独立的部件来实现输入和输出功能,但是在某些实施例中,也可以将触敏表面431与显示面板441集成而实现输入和输出功能。
所述终端还可包括至少一种传感器450,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板441的亮度,接近传感器可在所述终端移动到耳边时,关闭显示面板441和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于所述终端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路460、扬声器461,传声器462可提供用户与所述终端之间的音频接口。音频电路460可将接收到的音频数据转换后的电信号,传输到扬声器461,由扬声器461转换为声音信号输出;另一方面,传声器462将收集的声音信号转换为电信号,由音频电路460接收后转换为音频数据,再将音频数据输出处理器480处理后,经RF电路410以发送给比如另一终端,或者将音频数据输出至存储器420以便进一步处理。音频电路460还可能包括耳塞插孔,以提供外设耳机与所述终端的通信。
WiFi属于短距离无线传输技术,所述终端通过WiFi模块470可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图4示出了WiFi模块470,但是可以理解的是,其并不属于所述终端的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器480是所述终端的控制中心,利用各种接口和线路连接整个终端的各个部分,通过运行或执行存储在存储器420内的软件程序和/或模块,以及调用存储在存储器420内的数据,执行所述终端的各种功能和处理数据,从而对终端进行整体监控。可选的,处理器480可包括一个或多个处理核心;优选的,处理器480可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作***、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器480中。
所述终端还包括给各个部件供电的电源490(比如电池),优选的,电源可以通过电源管理***与处理器480逻辑相连,从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。电源490还可以包括一个或一个以上的直流或交流电源、再充电***、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,所述终端还可以包括摄像头、蓝牙模块等,在此不再赘述。具体在本实施例中,终端还包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行。上述一个或者一个以上程序包含用于执行上述方法实施例提供的文档浏览方法的步骤。
本发明实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由处理器加载并执行以实现如上述文档浏览方法的步骤。在本发明实施例中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读存储介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器、随机存取存储器、电载波信号、电信信号以及软件分发介质等。
本申请实施例还提供一种计算机存储介质,所述计算机存储介质中存储有至少一条指令或至少一段程序,所述至少一条指令或至少一段程序由处理器加载并执行以实现上述的方法。在本发明实施例中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读存储介质可以包括但不限于:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器、随机存取存储器、电载波信号、电信信号以及软件分发介质等。
本发明实施例还提供一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述的各种可选实现方式中提供的文档浏览方法。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (10)

1.一种文档浏览方法,其特征在于,包括:
在当前页面中展示目标图片的初始展示内容,所述初始展示内容的高度与所述页面的高度一致;所述目标图片是对待浏览PDF文档转换得到的;
响应于在所述页面中的滑动操作指令,确定所述目标图片的第一滑动距离;
根据所述第一滑动距离确定所述目标图片的第一剪切位置,所述第一剪切位置指示所述目标图片的滑动展示内容相对于所述初始展示内容的滑动高度;
基于所述第一剪切位置和所述目标图片的初始宽度,确定所述目标图片的第一滑动展示内容;
将所述第一滑动展示内容渲染至所述页面对应的画布上;所述画布的尺寸信息与所述页面的尺寸信息一致;
基于所述初始展示内容和所述第一滑动展示内容,展示所述PDF文档。
2.根据权利要求1所述的文档浏览方法,其特征在于,还包括:
响应于在所述页面中的缩放操作指令,确定所述目标图片的缩放比例、缩放位置和第二滑动距离;所述缩放比例为所述目标图片缩放后的宽度与所述目标图片初始宽度的比值;所述目标图片初始宽度与所述页面的宽度一致;
根据所述目标图片的缩放比例、缩放位置和第二滑动距离,确定所述目标图片的第二剪切位置;所述第二剪切位置指示缩放后的所述目标图片在所述页面中的展示高度;
基于所述第二剪切位置和目标图片缩放后的宽度,确定所述目标图片的缩放展示内容;
将所述缩放展示内容渲染至所述页面对应的画布上。
3.根据权利要求2所述的文档浏览方法,其特征在于,还包括:
监听所述页面的触屏事件,所述触屏事件包括滑动操作事件和缩放操作事件;
在监听到所述滑动操作事件时,生成所述滑动操作指令;
在监听到所述缩放操作事件时,生成所述缩放操作指令。
4.根据权利要求1所述的文档浏览方法,其特征在于,若所述目标图片的第一剪切位置位于所述目标图片的边界处,则所述基于所述第一剪切位置和所述目标图片的初始宽度,确定所述目标图片的第一滑动展示内容之后还包括:
根据滑动操作的方向,确定所述目标图片的相邻目标图片;所述相邻目标图片作为将展示的目标图片;
根据所述目标图片的第一剪切位置和所述页面的高度,确定所述相邻目标图片的第三剪切位置;
基于所述第三剪切位置和所述相邻目标图片的宽度,确定所述相邻目标图片的第二滑动展示内容;所述相邻目标图片的宽度与所述目标图片的初始宽度一致;
所述将所述第一滑动展示内容渲染至所述页面对应的画布上之后还包括:
将所述第二滑动展示内容渲染至所述页面对应的画布上。
5.根据权利要求3所述的文档浏览方法,其特征在于,还包括:
控制所述触屏事件的响应时间,根据所述响应时间确定针对所述页面的渲染频率;所述渲染频率为在单位时间内处理渲染事件的次数,表征在进行滑动操作和缩放操作时所述页面的流畅度。
6.根据权利要求1所述的文档浏览方法,其特征在于,所述在当前页面中展示目标图片的初始展示内容,包括:
响应于转换指令,根据待浏览PDF文档的页数将所述PDF文档转换成对应页数的所述目标图片;
获取所述页面的尺寸信息,并基于所述尺寸信息确定所述初始展示内容;所述尺寸信息包括所述页面的宽度和高度;
将所述初始展示内容渲染至所述页面对应的画布上。
7.根据权利要求6所述的文档浏览方法,其特征在于,还包括:
创建画布元素标签,所述画布元素标签中包含所述画布的尺寸信息;
调用绘制脚本,在所述页面中基于所述画布的尺寸信息生成所述画布。
8.一种文档浏览装置,其特征在于,包括:
转换模块,用于在当前页面中展示目标图片的初始展示内容,所述初始展示内容的高度与所述页面的高度一致;所述目标图片是对待浏览PDF文档转换得到的;
滑动操作模块,用于响应于在所述页面中的滑动操作指令,确定所述目标图片的第一滑动距离;
第一剪切位置确定模块,用于根据所述第一滑动距离确定所述目标图片的第一剪切位置,所述第一剪切位置指示所述目标图片的滑动展示内容相对于所述初始展示内容的滑动高度;
第一滑动展示内容确定模块,用于基于所述第一剪切位置和所述目标图片的初始宽度,确定所述目标图片的第一滑动展示内容;
第一滑动展示内容渲染模块,用于将所述滑动展示内容渲染至所述页面对应的画布上;所述画布的尺寸信息与所述页面的尺寸信息一致;
展示模块,用于基于所述初始展示内容和所述第一滑动展示内容,展示所述PDF文档。
9.一种电子设备,其特征在于,包括处理器和存储器,所述存储器中存储有至少一条指令或者至少一段程序,所述至少一条指令或者所述至少一段程序由所述处理器加载并执行以实现如权利要求1至7任一项所述方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由处理器加载并执行以实现如权利要求1至7任一项所述方法的步骤。
CN202210482643.9A 2022-05-05 2022-05-05 一种文档浏览方法、装置、电子设备及存储介质 Pending CN114969588A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210482643.9A CN114969588A (zh) 2022-05-05 2022-05-05 一种文档浏览方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210482643.9A CN114969588A (zh) 2022-05-05 2022-05-05 一种文档浏览方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN114969588A true CN114969588A (zh) 2022-08-30

Family

ID=82981956

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210482643.9A Pending CN114969588A (zh) 2022-05-05 2022-05-05 一种文档浏览方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN114969588A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115828007A (zh) * 2022-11-21 2023-03-21 上海秉匠信息科技有限公司 一种页面展示的方法、装置、***、电子设备及介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115828007A (zh) * 2022-11-21 2023-03-21 上海秉匠信息科技有限公司 一种页面展示的方法、装置、***、电子设备及介质
CN115828007B (zh) * 2022-11-21 2023-08-04 上海秉匠信息科技有限公司 一种页面展示的方法、装置、***、电子设备及介质

Similar Documents

Publication Publication Date Title
CN106406712B (zh) 信息显示方法及装置
RU2616536C2 (ru) Способ, устройство и терминальное устройство для отображения сообщений
JP6368455B2 (ja) 装置、方法、及びプログラム
WO2017008551A1 (zh) 弹幕显示方法及装置
US20150082231A1 (en) Method and terminal for displaying desktop
KR102092690B1 (ko) 정보 획득 방법 및 디바이스
CN104102419B (zh) 页面显示方法、装置和终端设备
US20160154686A1 (en) Method and apparatus for presenting clipboard contents on a mobile terminal
CN108205398B (zh) 网页动画适配屏幕的方法和装置
CN107247691B (zh) 一种文本信息的显示方法、装置、移动终端及存储介质
US20150301991A1 (en) Webapp startup method and device
EP2851779A1 (en) Method, device, storage medium and terminal for displaying a virtual keyboard
CN107766548B (zh) 信息显示方法、装置、移动终端及可读存储介质
CN108920226B (zh) 屏幕录制方法及装置
WO2014206055A1 (en) A method and system for generating a user interface
CN110383244B (zh) 一种计算器的运行方法以及终端
CN108073647B (zh) 网页显示方法及装置
US20170046040A1 (en) Terminal device and screen content enlarging method
US20150089431A1 (en) Method and terminal for displaying virtual keyboard and storage medium
CN109992337B (zh) 网页页面展示方法、装置及存储介质
CN108763297B (zh) 网页资源处理方法、装置以及移动终端
CN105095259B (zh) 瀑布流对象显示方法及装置
CN104238931B (zh) 信息输入方法、装置及电子设备
CN113050863A (zh) 页面切换方法、装置、存储介质及电子设备
WO2015014138A1 (zh) 一种显示框显示的方法、装置和设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination