CN105718131A - 一种具有缩略图的图档文件的渲染方法及其*** - Google Patents
一种具有缩略图的图档文件的渲染方法及其*** Download PDFInfo
- Publication number
- CN105718131A CN105718131A CN201410725656.XA CN201410725656A CN105718131A CN 105718131 A CN105718131 A CN 105718131A CN 201410725656 A CN201410725656 A CN 201410725656A CN 105718131 A CN105718131 A CN 105718131A
- Authority
- CN
- China
- Prior art keywords
- thumbnail
- rendering
- page
- viewing area
- rendered
- 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
Links
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种具有缩略图的图档文件的渲染方法及其***,一种具有缩略图的图档文件的渲染方法,方法是将位于图档显示界面左边的缩略图先渲染出来,再于右边的主显示界面内由局部至全部逐渐进行渲染,在尚未渲染的区域内以缩略图的形式进行显示。本发明使得用户在浏览图档时,不会有太多的等待时间,即便有等待时间,也会有模糊的缩略图供用户查看,以提前让用户了解图档的初步内容,以节省渲染之后所要花费的时间。由于节约了时间,大大地提高了客户的使用体验。
Description
技术领域
本发明涉及一种图档文件的渲染方法,更具体地说是指一种具有缩略图的图档文件的渲染方法及其***。
背景技术
现有技术中,由于PDF页面的渲染速度跟页面复杂度有关,从添加渲染任务到底层渲染完成返回图片比较耗时,特别是含有图片和元素多的页面,且渲染的面积越大耗时越久。造成在滚动页面、缩放页面或切换页面时,先出现页面空白然后等渲染完成后再显示页面内容。
导致页面刷新渲染的效果存在下列问题:
1.文档刚刚打开时,页面显示空白,等渲染完成后才显示页面内容(如图1所示)。
2.通过点击缩略图等方式来切换显示页面,新页面显示空白,等渲染完成后才显示页面内容。
3.滚动或缩放页面时,如果可视范围已经超出了上次渲染的范围时,超出范围的部分在页面中显示的空白的,直到再次渲染返回时才刷新页面显示内容。
4.如果采用完整页面渲染方式,渲染耗时较久(特别是放大页面的时候),导致空白显示时间较长。
5.如果采用简单的局部渲染缩放方式,渲染次数增多,且在页面滚动后新显示的部分区域显示空白,等渲染完成后才显示页面内容。
发明内容
本发明的目的在于克服现有技术的缺陷,提供一种具有缩略图的图档文件的渲染方法及其***。
为实现上述目的,本发明采用以下技术方案:
一种具有缩略图的图档文件的渲染方法,方法是将位于图档显示界面左边的缩略图先渲染出来,再于右边的主显示界面内由局部至全部逐渐进行渲染,在尚未渲染的区域内以缩略图的形式进行显示。
优选地,渲染时仅渲染当前页面的可视区域。
优选地,渲染时渲染当前页面的可视区域范围再向四周扩大一个设定值形成的区域。
优选地,所述的设定值包括宽度设定值和高度设定值,所述的宽度设定值为可视区域宽度的十分之一至二分之一;所述的高度设定值为可视区域高度的十分之一至二分之一。
优选地,在主显示界面进行缩放时,对图片按照显示的缩放比进行调整后绘制到相应位置;可视区域显示的是原来页面图片放大后模糊的图片,渲染完成后变清晰;缩小页面时,可视区域新显示的区域是模糊的缩略图,渲染完成后变清晰。
优选地,绘制页面内容时,如果存在下面情况之一,且缩略图有效,则将缩略图绘制到主显示界面上的空白区域:
a.要渲染的页面图片不存在;
b.显示图片的DPI值跟页面当前的DPI值不一致时;
c.页面的可视区域大于页面图片范围。
优选地,所述的图档文件为PDF格式的图档文件。
一种具有缩略图的图档文件的渲染***,包括:
缩略图模块,用于将图档显示界面左边的缩略图先渲染出来;
主显示模块,用于在右边的主显示界面内由局部至全部逐渐进行渲染,在尚未渲染的区域内以缩略图的形式进行显示。
优选地,还包括扩大模块,用于渲染时渲染当前页面的可视区域范围再向四周扩大一个设定值形成的区域。
优选地,还包括缩放模块,用于在主显示界面进行缩放时,对图片按照显示的缩放比进行调整后绘制到相应位置;可视区域显示的是原来页面图片放大后模糊的图片,渲染完成后变清晰;缩小页面时,可视区域新显示的区域是模糊的缩略图,渲染完成后变清晰。
本发明与现有技术相比的有益效果是:本发明打开文档时,先显示模糊的缩略图,渲染完成后变清晰;点击缩略图切换页面时,先显示模糊的缩略图,渲染完成后变清晰;滚动页面时,滚动出来的新区域显示的是模糊的缩略图,渲染完成后变清晰;放大页面时,可视区域显示的是原来页面图片放大后模糊的图片,渲染完成后变清晰;缩小页面时,可视区域新显示的区域是模糊的缩略图,渲染完成后变清晰。使得用户在浏览图档时,不会有太多的等待时间,即便有等待时间,也会有模糊的缩略图供用户查看,以提前让用户了解图档的初步内容,以节省渲染之后所要花费的时间。由于节约了时间,大大地提高了客户的使用体验。
下面结合附图和具体实施例对本发明作进一步描述。
附图说明
图1为现有技术中的PDF图档在渲染过程中的实际效果图;
图2为本发明一种具有缩略图的图档文件的渲染方法具体实施例的示意图(渲染过程中);
图3为本发明一种具有缩略图的图档文件的渲染方法具体实施例的实际效果图(PDF图档渲染过程中);
图4为本发明一种具有缩略图的图档文件的渲染方法具体实施例的示意图(扩大渲染区域);
图5为本发明一种具有缩略图的图档文件的渲染方法具体实施例的实际效果图(PDF图档扩大渲染区域);
图6为本发明一种具有缩略图的图档文件的渲染方法具体实施例的实际效果图(PDF图档放大时先显示放大的模糊的缩略图,渲染完之后再显示清晰);
图7为本发明一种具有缩略图的图档文件的渲染***具体实施例的结构示意图。
具体实施方式
为了更充分理解本发明的技术内容,下面结合具体实施例对本发明的技术方案进一步介绍和说明,但不局限于此。
如图2-3所示,本发明一种具有缩略图的图档文件(本实施例中为PDF图档)的渲染方法,方法是将位于图档显示界面左边的缩略图先渲染出来,再于右边的主显示界面内由局部至全部逐渐进行渲染,在尚未渲染的区域内以缩略图的形式进行显示。其中,PDF图档的显示界面包括标题栏10、工具栏20、缩略图区域30、主显示区域40和状态栏50,其中,主显示区域40包括已渲染区域41(图像显示清晰)和未渲染区域42(以缩略图的形式显示模糊图像)。
如图4和图5所示,渲染时渲染当前页面的可视区域(即主显示区域40)范围再向四周扩大一个设定值形成的区域(即完成渲染的图像边界60)。设定值包括宽度设定值和高度设定值,宽度设定值为可视区域宽度的十分之一至二分之一;高度设定值为可视区域高度的十分之一至二分之一。
其中,在主显示界面进行缩放时,对图片按照显示的缩放比进行调整后绘制到相应位置;可视区域显示的是原来页面图片放大后模糊的图片,渲染完成后变清晰(如图6所示);缩小页面时,可视区域新显示的区域是模糊的缩略图,渲染完成后变清晰。
绘制页面内容时,如果存在下面情况之一,且缩略图有效,则将缩略图绘制到主显示界面上的空白区域:
a.要渲染的页面图片不存在;
b.显示图片的DPI值跟页面当前的DPI值不一致时;
c.页面的可视区域大于页面图片范围。
于其它实施例中,渲染时仅渲染当前页面的可视区域。
于其它实施例中,也可以是其它格式的图档文件。
如图7所示,本发明一种具有缩略图的图档文件的渲染***90,包括:
缩略图模块91,用于将图档显示界面左边的缩略图先渲染出来;
主显示模块92,用于在右边的主显示界面内由局部至全部逐渐进行渲染,在尚未渲染的区域内以缩略图的形式进行显示;
扩大模块93,用于渲染时渲染当前页面的可视区域范围再向四周扩大一个设定值形成的区域;
缩放模块94,用于在主显示界面进行缩放时,对图片按照显示的缩放比进行调整后绘制到相应位置;可视区域显示的是原来页面图片放大后模糊的图片,渲染完成后变清晰;缩小页面时,可视区域新显示的区域是模糊的缩略图,渲染完成后变清晰。
综上所述,本发明打开文档时,先显示模糊的缩略图,渲染完成后变清晰;点击缩略图切换页面时,先显示模糊的缩略图,渲染完成后变清晰;滚动页面时,滚动出来的新区域显示的是模糊的缩略图,渲染完成后变清晰;放大页面时,可视区域显示的是原来页面图片放大后模糊的图片,渲染完成后变清晰;缩小页面时,可视区域新显示的区域是模糊的缩略图,渲染完成后变清晰。使得用户在浏览图档时,不会有太多的等待时间,即便有等待时间,也会有模糊的缩略图供用户查看,以提前让用户了解图档的初步内容,以节省渲染之后所要花费的时间。由于节约了时间,大大地提高了客户的使用体验。
上述仅以实施例来进一步说明本发明的技术内容,以便于读者更容易理解,但不代表本发明的实施方式仅限于此,任何依本发明所做的技术延伸或再创造,均受本发明的保护。本发明的保护范围以权利要求书为准。
Claims (10)
1.一种具有缩略图的图档文件的渲染方法,方法是将位于图档显示界面左边的缩略图先渲染出来,再于右边的主显示界面内由局部至全部逐渐进行渲染,在尚未渲染的区域内以缩略图的形式进行显示。
2.根据权利要求1所述的一种具有缩略图的图档文件的渲染方法,其特征在于渲染时仅渲染当前页面的可视区域。
3.根据权利要求1所述的一种具有缩略图的图档文件的渲染方法,其特征在于渲染时渲染当前页面的可视区域范围再向四周扩大一个设定值形成的区域。
4.根据权利要求3所述的一种具有缩略图的图档文件的渲染方法,其特征在于所述的设定值包括宽度设定值和高度设定值,所述的宽度设定值为可视区域宽度的十分之一至二分之一;所述的高度设定值为可视区域高度的十分之一至二分之一。
5.根据权利要求1所述的一种具有缩略图的图档文件的渲染方法,其特征在于,在主显示界面进行缩放时,对图片按照显示的缩放比进行调整后绘制到相应位置;可视区域显示的是原来页面图片放大后模糊的图片,渲染完成后变清晰;缩小页面时,可视区域新显示的区域是模糊的缩略图,渲染完成后变清晰。
6.根据权利要求1所述的一种具有缩略图的图档文件的渲染方法,其特征在于绘制页面内容时,如果存在下面情况之一,且缩略图有效,则将缩略图绘制到主显示界面上的空白区域:
a.要渲染的页面图片不存在;
b.显示图片的DPI值跟页面当前的DPI值不一致时;
c.页面的可视区域大于页面图片范围。
7.根据权利要求1所述的一种具有缩略图的图档文件的渲染方法,其特征在于所述的图档文件为PDF格式的图档文件。
8.一种具有缩略图的图档文件的渲染***,其特征在于包括:
缩略图模块,用于将图档显示界面左边的缩略图先渲染出来;
主显示模块,用于在右边的主显示界面内由局部至全部逐渐进行渲染,在尚未渲染的区域内以缩略图的形式进行显示。
9.根据权利要求9所述的一种具有缩略图的图档文件的渲染***,其特征在于还包括扩大模块,用于渲染时渲染当前页面的可视区域范围再向四周扩大一个设定值形成的区域。
10.根据权利要求1所述的一种具有缩略图的图档文件的渲染***,其特征在于还包括缩放模块,用于在主显示界面进行缩放时,对图片按照显示的缩放比进行调整后绘制到相应位置;可视区域显示的是原来页面图片放大后模糊的图片,渲染完成后变清晰;缩小页面时,可视区域新显示的区域是模糊的缩略图,渲染完成后变清晰。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410725656.XA CN105718131A (zh) | 2014-12-03 | 2014-12-03 | 一种具有缩略图的图档文件的渲染方法及其*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410725656.XA CN105718131A (zh) | 2014-12-03 | 2014-12-03 | 一种具有缩略图的图档文件的渲染方法及其*** |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105718131A true CN105718131A (zh) | 2016-06-29 |
Family
ID=56142716
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410725656.XA Pending CN105718131A (zh) | 2014-12-03 | 2014-12-03 | 一种具有缩略图的图档文件的渲染方法及其*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105718131A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106293483A (zh) * | 2016-09-29 | 2017-01-04 | 福州新锐同创电子科技有限公司 | 电子显示屏板书区域调度显示方法 |
CN114035470A (zh) * | 2021-11-08 | 2022-02-11 | 观为监测技术无锡股份有限公司 | 一种机组状态显示方法、装置及存储介质 |
CN114330245A (zh) * | 2021-11-18 | 2022-04-12 | 上海二三四五网络科技有限公司 | 一种ofd文档的处理方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102792244A (zh) * | 2010-01-13 | 2012-11-21 | 洛克迈特公司 | 用于增加浏览速度的预览功能 |
CN102819521A (zh) * | 2011-06-08 | 2012-12-12 | 深圳市万兴软件有限公司 | 阅读多页面文档的便携式电子设备及其渲染方法 |
CN102915375A (zh) * | 2012-11-08 | 2013-02-06 | 山东大学 | 一种基于布局分区的网页加载方法 |
CN103729106A (zh) * | 2012-10-10 | 2014-04-16 | 腾讯科技(深圳)有限公司 | 网页缩略图展示方法和装置 |
-
2014
- 2014-12-03 CN CN201410725656.XA patent/CN105718131A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102792244A (zh) * | 2010-01-13 | 2012-11-21 | 洛克迈特公司 | 用于增加浏览速度的预览功能 |
CN102819521A (zh) * | 2011-06-08 | 2012-12-12 | 深圳市万兴软件有限公司 | 阅读多页面文档的便携式电子设备及其渲染方法 |
CN103729106A (zh) * | 2012-10-10 | 2014-04-16 | 腾讯科技(深圳)有限公司 | 网页缩略图展示方法和装置 |
CN102915375A (zh) * | 2012-11-08 | 2013-02-06 | 山东大学 | 一种基于布局分区的网页加载方法 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106293483A (zh) * | 2016-09-29 | 2017-01-04 | 福州新锐同创电子科技有限公司 | 电子显示屏板书区域调度显示方法 |
CN106293483B (zh) * | 2016-09-29 | 2019-10-08 | 福州新锐同创电子科技有限公司 | 电子显示屏板书区域调度显示方法 |
CN114035470A (zh) * | 2021-11-08 | 2022-02-11 | 观为监测技术无锡股份有限公司 | 一种机组状态显示方法、装置及存储介质 |
CN114330245A (zh) * | 2021-11-18 | 2022-04-12 | 上海二三四五网络科技有限公司 | 一种ofd文档的处理方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9430139B2 (en) | Information processing apparatus, information processing method, and program | |
EP2722850B1 (en) | Method for generating thumbnail image and electronic device thereof | |
CN105094592B (zh) | 内容显示装置、内容显示方法及程序 | |
US10777164B2 (en) | Power optimization by rendering low-resolution tiles during page load | |
US10222971B2 (en) | Display apparatus, method, and storage medium | |
US20150121177A1 (en) | Electronic device, method, and storage medium | |
US20150199113A1 (en) | Electronic content visual comparison apparatus and method | |
CN107239528B (zh) | 搜索结果显示方法及装置 | |
US20190102060A1 (en) | Information processing apparatus, display control method, and storage medium | |
CN106598410B (zh) | 电子书的显示方法、装置和终端设备 | |
CN104007947A (zh) | 一种缩略图显示方法及装置 | |
CN103336787B (zh) | 一种用于缩放网页的方法和装置 | |
CN108989704B (zh) | 图像生成方法和装置、终端设备 | |
CN105718131A (zh) | 一种具有缩略图的图档文件的渲染方法及其*** | |
KR20150106330A (ko) | 화상 표시 장치 및 화상 표시 방법 | |
CN104536650A (zh) | 一种基于ios***的视差翻页人机交互方法 | |
CN113204401B (zh) | 浏览器渲染方法,终端及存储介质 | |
US20130083071A1 (en) | Image display apparatus, image display method and computer readable recording medium | |
US20160004389A1 (en) | Display controller, display control method, control program, and recording medium | |
US20180173411A1 (en) | Display device, display method, and non-transitory computer readable recording medium | |
US9798702B2 (en) | Display control apparatus and recording medium | |
CN105589883B (zh) | 网页的页面元素的显示方法和装置 | |
JP5455714B2 (ja) | ウェブページキャプチャー画面の印刷方法 | |
US20190121864A1 (en) | Information processing apparatus and non-transitory computer readable medium | |
US20140344655A1 (en) | Mapping of Defined Regions Within a Webpage |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160629 |
|
RJ01 | Rejection of invention patent application after publication |