[发明专利]一种具有缩略图的图档文件的渲染方法及其系统

说明书

技术领域

本发明涉及一种图档文件的渲染方法，更具体地说是指一种具有缩略 图的图档文件的渲染方法及其系统。

背景技术

现有技术中，由于PDF页面的渲染速度跟页面复杂度有关，从添加渲染 任务到底层渲染完成返回图片比较耗时，特别是含有图片和元素多的页面， 且渲染的面积越大耗时越久。造成在滚动页面、缩放页面或切换页面时， 先出现页面空白然后等渲染完成后再显示页面内容。

导致页面刷新渲染的效果存在下列问题：

1.文档刚刚打开时，页面显示空白，等渲染完成后才显示页面内容(如 图1所示)。

2.通过点击缩略图等方式来切换显示页面，新页面显示空白，等渲染 完成后才显示页面内容。

3.滚动或缩放页面时，如果可视范围已经超出了上次渲染的范围时， 超出范围的部分在页面中显示的空白的，直到再次渲染返回时才刷新页面 显示内容。

4.如果采用完整页面渲染方式，渲染耗时较久(特别是放大页面的时 候)，导致空白显示时间较长。

5.如果采用简单的局部渲染缩放方式，渲染次数增多，且在页面滚动 后新显示的部分区域显示空白，等渲染完成后才显示页面内容。

发明内容

本发明的目的在于克服现有技术的缺陷，提供一种具有缩略图的图档 文件的渲染方法及其系统。

为实现上述目的，本发明采用以下技术方案：

一种具有缩略图的图档文件的渲染方法，方法是将位于图档显示界面 左边的缩略图先渲染出来，再于右边的主显示界面内由局部至全部逐渐进 行渲染，在尚未渲染的区域内以缩略图的形式进行显示。

优选地，渲染时仅渲染当前页面的可视区域。

优选地，渲染时渲染当前页面的可视区域范围再向四周扩大一个设定 值形成的区域。

优选地，所述的设定值包括宽度设定值和高度设定值，所述的宽度设 定值为可视区域宽度的十分之一至二分之一；所述的高度设定值为可视区 域高度的十分之一至二分之一。

优选地，在主显示界面进行缩放时，对图片按照显示的缩放比进行调 整后绘制到相应位置；可视区域显示的是原来页面图片放大后模糊的图片， 渲染完成后变清晰；缩小页面时，可视区域新显示的区域是模糊的缩略图， 渲染完成后变清晰。

优选地，绘制页面内容时，如果存在下面情况之一，且缩略图有效， 则将缩略图绘制到主显示界面上的空白区域：

a.要渲染的页面图片不存在；

b.显示图片的DPI值跟页面当前的DPI值不一致时；

c.页面的可视区域大于页面图片范围。

优选地，所述的图档文件为PDF格式的图档文件。

一种具有缩略图的图档文件的渲染系统，包括：

缩略图模块，用于将图档显示界面左边的缩略图先渲染出来；

主显示模块，用于在右边的主显示界面内由局部至全部逐渐进行渲染， 在尚未渲染的区域内以缩略图的形式进行显示。

优选地，还包括扩大模块，用于渲染时渲染当前页面的可视区域范围 再向四周扩大一个设定值形成的区域。

优选地，还包括缩放模块，用于在主显示界面进行缩放时，对图片按 照显示的缩放比进行调整后绘制到相应位置；可视区域显示的是原来页面 图片放大后模糊的图片，渲染完成后变清晰；缩小页面时，可视区域新显 示的区域是模糊的缩略图，渲染完成后变清晰。

本发明与现有技术相比的有益效果是：本发明打开文档时，先显示模 糊的缩略图，渲染完成后变清晰；点击缩略图切换页面时，先显示模糊的 缩略图，渲染完成后变清晰；滚动页面时，滚动出来的新区域显示的是模 糊的缩略图，渲染完成后变清晰；放大页面时，可视区域显示的是原来页 面图片放大后模糊的图片，渲染完成后变清晰；缩小页面时，可视区域新 显示的区域是模糊的缩略图，渲染完成后变清晰。使得用户在浏览图档时， 不会有太多的等待时间，即便有等待时间，也会有模糊的缩略图供用户查 看，以提前让用户了解图档的初步内容，以节省渲染之后所要花费的时间。 由于节约了时间，大大地提高了客户的使用体验。

下面结合附图和具体实施例对本发明作进一步描述。

附图说明

图1为现有技术中的PDF图档在渲染过程中的实际效果图；