[发明专利]一种网络页面的渲染方法、装置及设备

权利要求书

1.一种网络页面的渲染方法，其特征在于，包括：

确定当前加载网络页面的渲染数据的数据量；所述渲染数据包括至少一个渲染数据子项；

依据所述渲染数据的数据量，在网络页面中创建相应高度的画布空间；

在所述画布空间中渲染出首屏区域对应的渲染数据子项；

当定位到所述首屏区域以外的指定区域时，在所述画布空间中渲染出所述指定区域对应的渲染数据子项。

2.根据权利要求1所述的方法，其特征在于，在所述确定当前加载web页面的渲染数据的数据量的步骤之前，还包括：

获取当前加载网络页面的渲染数据。

3.根据权利要求1或2所述的方法，其特征在于，各个渲染数据子项具有一致的高度，所述确定当前加载网络页面的渲染数据的数据量的步骤包括：

获取所述渲染数据中渲染数据子项的数量，以及，单个渲染数据子项的高度；

将所述渲染数据子项的数量乘以所述单个渲染数据子项的高度，获得所述当前加载网络页面的渲染数据的数据量；

或者，

获取所述渲染数据中渲染数据子项的数量，以及，各个渲染数据子项的高度；

按照所述渲染数据子项的数量累加所述各个渲染数据子项的高度，获得所述当前加载网络页面的渲染数据的数据量。

4.根据权利要求3所述的方法，其特征在于，所述在画布空间中渲染出首屏区域对应的渲染数据子项的步骤包括：

获取用于显示所述网络页面的屏幕高度；

根据所述画布空间的高度确定所述画布空间的顶部位置；

根据所述画布空间的顶部位置和所述屏幕高度，在画布空间中定位首屏区域；

依据所述首屏区域的高度和单个渲染数据子项的高度，确定所述首屏区域对应的渲染数据子项；

在所述画布空间的首屏区域中，渲染出所述首屏区域对应的渲染数据子项。

5.根据权利要求3所述的方法，其特征在于，所述当定位到所述首屏区域以外的指定区域时，在所述画布空间中渲染出所述指定区域对应的渲染数据子项的步骤包括：

获取用于显示所述网络页面的屏幕高度；

根据所述画布空间的高度确定所述画布空间的顶部位置；

当定位到所述首屏区域以外的指定区域时，确定所述指定区域相对于所述画布空间的顶部位置在垂直方向上的偏移量；

根据所述偏移量和屏幕高度，在画布空间中定位所述指定区域；

依据所述指定区域的高度和单个渲染数据子项的高度，确定所述指定区域对应的渲染数据子项；

在所述画布空间的指定区域中，渲染出所述指定区域对应的渲染数据子项。

6.根据权利要求4所述的方法，其特征在于，所述当定位到所述首屏区域以外的指定区域时，在所述画布空间中渲染出所述指定区域对应的渲染数据子项的步骤包括：

当定位到所述首屏区域以外的指定区域时，确定所述指定区域相对于所述首屏区域在垂直方向上的偏移量；

根据所述偏移量和屏幕高度，在画布空间中定位所述指定区域；

依据所述指定区域的高度和渲染数据子项的高度，确定所述指定区域对应的渲染数据子项；

在所述画布空间的指定区域中，渲染出所述指定区域对应的渲染数据子项。

7.根据权利要求4所述的方法，其特征在于，所述在画布空间的首屏区域中，渲染出所述首屏区域对应的渲染数据子项的子步骤为：

采用预置的绘图接口从所述画布空间的顶部位置开始，自上而下地在所述首屏区域中渲染出所述首屏区域对应的渲染数据子项；其中，所述预置的绘图接口包括用于绘制背景图，边框和前景图的图像绘制接口drawImage，以及，用于绘制文本的文本填涂接口fillText。

8.根据权利要求5或6所述的方法，其特征在于，所述在画布空间的指定区域中，渲染出所述指定区域对应的渲染数据子项的子步骤为：

采用预置的绘图接口从所述画布空间的指定区域的顶部位置开始，自上而下地在所述指定区域中渲染出指定区域对应的渲染数据子项；其中，所述预置的绘图接口包括用于绘制背景图，边框和前景图的图像绘制接口drawImage，以及，用于绘制文本的文本填涂接口fillText。