网页图片的加载方法和装置的制造方法
【技术领域】
[0001]本公开涉及网页技术领域，尤其涉及一种网页图片的加载方法和装置。
【背景技术】
[0002]随着互联网技术与移动终端的发展，越来越多的用户使用智能手机、平板电脑等移动终端来访问互联网。在用户使用移动终端浏览网页时，如果网页中包含有图片，浏览器往往要对图片进行重新绘制。如何在绘制过程中提升渲染性能，节省CPU的计算资源已成为亟待解决的问题。
【发明内容】
[0003]为克服相关技术中存在的问题，本公开提供一种网页图片的加载方法和装置。
[0004]根据本公开实施例的第一方面，提供一种网页图片的加载方法，包括:
[0005]分别为网页文件中的每张动态图片生成与所述动态图片对应的RenderLayer ；
[0006]为所述RenderLayer 生成对应的 GraphicsLayer ；
[0007]根据所述GraphicsLayer绘制所述动态图片。
[0008]可选的，所述分别为网页文件中的每张动态图片生成与所述动态图片对应的RenderLayer，包括:
[0009]根据所述网页文件生成Render树；
[0010]在所述Render树中识别所述网页文件中的动态图片；
[0011]分别为所述动态图片生成对应的RenderLayer。
[0012]可选的，所述在所述Render树中识别所述网页文件中的动态图片，包括:
[0013]判断所述Render树中RenderImage节点包含的图片数量是否大于I ;
[0014]判断所述Render树中RenderImage节点的帧频是否大于O ;
[0015]如果所述Render树中RenderImage节点包含的图片数量大于1，且所述RenderImage节点的帧频大于0，则确认所述RenderImage节点为动态图片的RenderImage节点。
[0016]可选的，所述在所述Render树中识别所述网页文件中的动态图片，包括:
[0017]判断所述Render树中RenderImage节点的路径中是否包括字符gif ；
[0018]如果所述Render树中RenderImage节点的路径中包括字符gif，则判断所述RenderImage节点包含的图片数量是否大于1，判断所述Render树中RenderImage节点的帧频是否大于O ;
[0019]如果所述Render树中RenderImage节点包含的图片数量大于1，且所述RenderImage节点的帧频大于0，则确认所述RenderImage节点为动态图片的RenderImage节点。
[0020]可选的，所述根据所述GraphicsLayer绘制所述动态图片，包括:
[0021 ] 根据所述GraphicsLayer，在与所述动态图片大小相同的区域内绘制所述动态图片。
[0022]根据本公开实施例的第二方面，提供一种网页图片的加载装置，包括:
[0023]第一生成单元，用于分别为网页文件中的每张动态图片生成与所述动态图片对应的 RenderLayer ；
[0024]第二生成单元，用于为所述RenderLayer生成对应的GraphicsLayer ；
[0025]图片绘制单元，用于根据所述GraphicsLayer绘制所述动态图片。
[0026]可选的，所述第一生成单元包括:
[0027]第一生成子单元，用于根据所述网页文件生成Render树；
[0028]动态识别子单元，用于在所述Render树中识别所述网页文件中的动态图片；
[0029]第二生成子单元，用于为所述动态图片生成对应的RenderLayer。
[0030]可选的，所述动态识别子单元包括:
[0031]第一判断模块，用于判断所述Render树中RenderImage节点包含的图片数量是否大于I ;
[0032]第二判断模块，用于判断所述Render树中RenderImage节点的帧频是否大于O ;
[0033]第一确认模块，用于在所述Render树中RenderImage节点包含的图片数量大于1，且所述RenderImage节点的帧频大于O时，确认所述RenderImage节点为动态图片的RenderImage 节点。
[0034]可选的，所述动态识别子单元包括:
[0035]第三判断模块，用于判断所述Render树中RenderImage节点的路径中是否包括字符 gif ;
[0036]第四判断模块，用于在所述Render树中RenderImage节点的路径中包括字符gif时，判断所述RenderImage节点包含的图片数量是否大于1，判断所述Render树中RenderImage节点的帧频是否大于O ;
[0037]第二确认模块，用于在所述Render树中RenderImage节点包含的图片数量大于1，且所述RenderImage节点的帧频大于O时，确认所述RenderImage节点为动态图片的RenderImage 节点。
[0038]可选的，所述图片绘制单元包括:
[0039]绘制子单元，用于根据所述GraphicsLayer，在与所述动态图片大小相同的区域内绘制所述动态图片。
[0040]根据本公开实施例的第三方面，提供一种网页图片的加载装置，包括:
[0041]处理器；
[0042]用于存储处理器可执行指令的存储器；
[0043]其中，所述处理器被配置为:
[0044]分别为网页文件中的每张动态图片生成与所述动态图片对应的RenderLayer ；
[0045]为所述RenderLayer 生成对应的 GraphicsLayer ；
[0046]根据所述GraphicsLayer绘制所述动态图片。
[0047]本公开的实施例提供的技术方案可以包括以下有益效果:
[0048]本公开终端可以通过为网页文件中的每张动态图片生成对应的RenderLayer，进而可以为所述RenderLayer生成对应的GraphicsLayer，即为每张动态图片生成一个对应GraphicsLayer,以便可以根据所述GraphicsLayer对动态图片进行绘制。本公开在网页文件中存在有多张动态图片时，分别对每张动态图片进行绘制，可以有效减小绘制的区域大小，提升渲染性能，同时节省CPU的计算资源。
[0049]本公开终端可以在判断所述Render树中RenderImage节点包含的图片数量大于1，且所述RenderImage节点的帧频大于O时，确认所述RenderImage节点为动态图片的Render Image节点，进而提高网页文件中动态图片识别的准确度。
[0050]应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
【附图说明】
[0051]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
[0052]图1是根据一示例性实施例示出的一种网页图片的加载方法的流程图。
[0053]图2是根据一示例性实施例示出的另一种网页图片的加载方法的流程图。
[0054]图3是根据一示例性实施例示出的一种在Render树中识别网页文件中的动态图片的流程图。
[0055]图4是根据一示例性实施例示出的另一种在Render树中识别网页文件中的动态图片的流程图。
[0056]图5是根据一示例性实施例示出的一种网页图片的加载装置的框图。
[0057]图6是根据一示例性实施例示出的另一种网页图片的加载装置的框图。
[0058]图7是根据一示例性实施例示出的另一种网页图片的加载装置的框图。
[0059]图8是根据一示例性实施例示出的另一种网页图片的加载装置的框图。
[0060]图9是根据一示例性实施例示出的另一种网页图片的加载装置的框图。
[0061]图10是根据一示例性实施例示出的一种用于网页图片的加载装置的一结构示意图。
【具体实施方式】
[0062]这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
[0063]图1是根据一示例性实施例示出的一种网页图片的加载方法的流程图。
[0064]如图1所示，所述网页图片的加载方法可以用于终端中，包括以下步骤:
[0065]在步骤SlOl中，分别为网页文件中的每张动态图片生成与所述动态图片对应的RenderLayer0
[0066]在本实施例中，终端可以根据所述网页文件生成Render树，然后在所述Render树中识别所述网页文件中的动态图片，并分别为识别出的所有动态图片生成对应的RenderLayer0
[0067]在步骤S102中，为所述RenderLayer生成对应的GraphicsLayer。
[0068]在本实施例中，终端可以为由动态图片生成的所述RenderLayer生成对应的GraphicsLayer,即为每张动态图片生成对应GraphicsLayer。
[0069]在步骤S103中，根据所述GraphicsLayer绘制所述动态图片。
[0070]