网页图片的加载方法和装置的制造方法_3

文档序号:8223632阅读:来源:国知局
erLayer是否由动态图片生成,如果所述RenderLayer是由动态图片生成,则为所述RenderLayer生成对应的GraphicsLayer,如果所述RenderLayer不是由动态图片生成,则根据相关技术中生成的GraphicsLayer的方法进行处理,在此不再--赘述。
[0101]在步骤S205中,根据所述GraphicsLayer,在与所述动态图片大小相同的区域内绘制所述动态图片。
[0102]在本实施例中,终端根据每个GraphicsLayer以进行网页绘制。仍以步骤S203中的假设为例,终端根据所述3个GraphicsLayer,分别绘制前述3张动态图片。假设,所述3张动态图片的大小分别为-X1XY1, X2XY2以及X3XY3,则终端根据这3张动态图片的GraphicsLayer,分别在大小为X1X Y1,X2X Y2以及X 3X Y3的区域内,以这3张动态图片各自的帧频对这3张动态图片进行绘制。
[0103]由以上描述可以看出,终端可以通过为网页文件中的每张动态图片生成对应的RenderLayer,进而可以为所述RenderLayer生成对应的GraphicsLayer,即为每张动态图片生成一个对应GraphicsLayer,以便可以根据所述GraphicsLayer对动态图片进行绘制。本公开在网页文件中存在有多张动态图片时,分别对每张动态图片进行绘制,可以有效减小绘制的区域大小,提升渲染性能,同时节省CPU的计算资源。
[0104]与前述网页图片的加载方法实施例相对应,本公开还提供了一种网页图片的加载装置的实施例。
[0105]图5是根据一示例性实施例示出的一种网页图片的加载装置框图。所述装置可以用于终端中。
[0106]如图5所示,所述网页图片的加载装置500包括:第一生成单元501、第二生成单元502以及图片绘制单元503。
[0107]其中,所述第一生成单元501被配置为:分别为网页文件中的每张动态图片生成与所述动态图片对应的RenderLayer。
[0108]所述第二生成单元502被配置为:为所述RenderLayer生成对应的GraphicsLayer。
[0109]所述图片绘制单元503被配置为:根据所述GraphicsLayer绘制所述动态图片。
[0110]上述实施例中,终端可以通过为网页文件中的每张动态图片生成对应的RenderLayer,进而可以为所述RenderLayer生成对应的GraphicsLayer,即为每张动态图片生成一个对应GraphicsLayer,以便可以根据所述GraphicsLayer对动态图片进行绘制。本公开在网页文件中存在有多张动态图片时,分别对每张动态图片进行绘制,可以有效减小绘制的区域大小,提升渲染性能,同时节省CPU的计算资源。
[0111]图6是根据一示例性实施例示出的另一种网页图片的加载装置的框图,所述装置可以用于终端中,该实施例在前述图5所示的实施例的基础上,所述第一生成单元501可以包括:第一生成子单元5011、动态识别子单元5012以及第二生成子单元5013。
[0112]其中,所述第一生成子单元5011被配置为:根据所述网页文件生成Render树。
[0113]所述动态识别子单元5012被配置为:在所述Render树中识别所述网页文件中的动态图片。
[0114]所述第二生成子单元5013被配置为:为所述动态图片生成对应的RenderLayer。
[0115]图7是根据一示例性实施例示出的另一种网页图片的加载装置的框图,所述装置可以用于终端中,该实施例在前述图6所示的实施例的基础上,所述动态识别子单元5012可以包括:第一判断模块5012A、第二判断模块5012B以及第一确认模块5012C。
[0116]其中,所述第一判断模块5012A被配置为:判断所述Render树中RenderImage节点包含的图片数量是否大于I。
[0117]所述第二判断模块5012B被配置为:判断所述Render树中RenderImage节点的帧频是否大于O。
[0118]所述第一确认模块5012C被配置为:在所述Render树中RenderImage节点包含的图片数量大于1,且所述RenderImage节点的帧频大于O时,确认所述RenderImage节点为动态图片的RenderImage节点。
[0119]上述实施例中,终端可以在判断所述Render树中RenderImage节点包含的图片数量大于1,且所述RenderImage节点的帧频大于O时,确认所述RenderImage节点为动态图片的RenderImage节点,进而提高网页文件中动态图片识别的准确度。
[0120]图8是根据一示例性实施例示出的另一种网页图片的加载装置的框图,所述装置可以用于终端中,该实施例在前述图6所示的实施例的基础上,所述动态识别子单元5012可以包括:第三判断模块5012D、第四判断模块5012E以及第二确认模块5012F。
[0121]其中,所述第三判断模块5012D被配置为:判断所述Render树中RenderImage节点的路径中是否包括字符gif。
[0122]所述第四判断模块5012E被配置为:在所述Render树中RenderImage节点的路径中包括字符gif时,判断所述RenderImage节点包含的图片数量是否大于1,判断所述Render树中RenderImage节点的帧频是否大于O。
[0123]所述第二确认模块5012F被配置为:在所述Render树中RenderImage节点包含的图片数量大于1,且所述RenderImage节点的帧频大于O时,确认所述RenderImage节点为动态图片的RenderImage节点。
[0124]图9是根据一示例性实施例示出的另一种网页图片的加载装置的框图,所述装置可以用于终端中,该实施例在前述图5所示的实施例的基础上,所述图片绘制单元503可以包括:绘制子单元5031。
[0125]所述绘制子单元5031被配置为:根据所述GraphicsLayer,在与所述动态图片大小相同的区域内绘制所述动态图片。
[0126]需要说明的是,上述图9所示的实施例中示出的所述绘制子单元5031也可以包括在前述图6至图8所示的装置实施例中,本公开对此不作特殊限制。
[0127]关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
[0128]对于装置实施例而言,由于其基本对应于方法实施例,所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本公开方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
[0129]相应的,本公开还提供一种网页图片的加载装置,所述装置包括:处理器;用于存储处理器可执行指令的存储器;其中,所述处理器被配置为:分别为网页文件中的每张动态图片生成与所述动态图片对应的RenderLayer ;为所述RenderLayer生成对应的GraphicsLayer ;根据所述GraphicsLayer绘制所述动态图片。
[0130]相应的,本公开还提供一种非临时性计算机可读存储介质,当所述存储介质中的指令由终端的处理器执行,使得终端能够执行一种网页图片的加载方法,所述方法包括:分别为网页文件中的每张动态图片生成与所述动态图片对应的RenderLayer ;为所述RenderLayer生成对应的GraphicsLayer ;根据所述GraphicsLayer绘制所述动态图片。
[0131]图10是根据一示例性实施例示出的一种用于网页图片的加载装置1000的框图。例如,装置1000可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
[0132]参照图10,装置1000可以包括以下一个或多个组件:处理组件1002,存储器1004,电源组件1006,多媒体组件1008,音频组件1010,输入/输出(I/O)的接口 1012,传感器组件1014,以及通信组件1016。
[0133]处理组件1002通常控制装置1000的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理元件1002可以包括一个或多个处理器1020来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件1002可以包括一个或多个模块,便于处理组件1002和其他组件之间的交互。例如,处理部件1002可以包括多媒体模块,以方便多媒体组件1008和处理组件1002之间的交互。
[0134]存储器1004被配置为存储各种类型的数据以支持在设备1000的操作。这些数据的示例包括用于在装置1000上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器1004可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(R0M),磁存储器,快闪存储器,磁盘或光盘。
[0135]电力组件1006为装置1000的各种组件提供电力。电力组件1006可以包括电源管理系统,一个或多个电源,及其他与为装置1000生成、管理和分配电力相关联的组件。
[0136]多媒体组件1008包括在所述装
当前第3页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1